Nested multifield not allowing to add more items

[SarahBo2]

Hi there,

I have a nested multifield and I am using coral 3 .

I am able to add as much fields as I need. But sometimes after adding a number of fields ( It happens with a not precise number of adding) and saving,  when I come back to edit my multifield and I try to add another section I am not able to see all fields in the ui.

Here the xml code of the dialog you can see in the image above:

<interestsAndFiltersSection
jcr:primaryType="nt:unstructured"
jcr:title="Items"
granite:class="pir-foundation-granite-ui-multi-field-validation-max-size"
sling:resourceType="granite/ui/components/coral/foundation/form/multifield"
fieldLabel="Interests And Filters Section"
margin="{Boolean}true"
composite="{Boolean}true">
<field
sling:resourceType="granite/ui/components/coral/foundation/container"
jcr:primaryType="nt:unstructured"
name="./profileFilterInterests">
<items jcr:primaryType="nt:unstructured">
<containerFieldSet
jcr:primaryType="nt:unstructured"
jcr:title="Interest Section"
sling:resourceType="granite/ui/components/coral/foundation/form/fieldset">
<items jcr:primaryType="nt:unstructured">
<interestsCategoryTitle
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldLabel="Interests Category Title"
name="./interestsTitle">

</interestsCategoryTitle>

<interestsFilterPlaceholder
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldLabel="Interests Filter Placeholder"
name="./interestsFilterPlaceholder"/>

<fieldValueInterests
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/coral/common/form/tagfield"
fieldLabel="Select the right tag"
fieldDescription="Insert the exact value received from CIAM"
name="./fieldValueInterests"
rootPath="/content/cq:tags"
metaType="tags"
multiple="false"
showEmptyInReadOnly="true"
valueType="String"/>

<labelType
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/select"
fieldLabel="Label Type"
fieldDescription="Select the mode option"
name="./labelType">
<items jcr:primaryType="nt:unstructured">
<local
jcr:primaryType="nt:unstructured"
text="Local Label"
value="local"/>
<english
jcr:primaryType="nt:unstructured"
text="English Label"
value="english"/>
</items>
</labelType>
<interests
jcr:primaryType="nt:unstructured"
jcr:title="Items"
sling:resourceType="granite/ui/components/coral/foundation/form/multifield"
fieldLabel="Interests"
margin="{Boolean}true"
composite="{Boolean}true">
<field
sling:resourceType="granite/ui/components/coral/foundation/container"
jcr:primaryType="nt:unstructured"
name="./interests">
<items jcr:primaryType="nt:unstructured">

<interestCode
jcr:primaryType="nt:unstructured"
sling:resourceType="cq/gui/components/coral/common/form/tagfield"
fieldLabel="Select the right interest CODE tag"
fieldDescription="Insert the exact value received from CIAM"
name="./interestCode"
rootPath="/content/cq:tags"
metaType="tags"
multiple="false"
showEmptyInReadOnly="true"
valueType="String"/>

<interestsFilterLocalLabel
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldLabel="Local Label"
name="./interestsFilterLocalLabel"/>
<interestsFilterEnglishLabel
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/coral/foundation/form/textfield"
fieldLabel="English Label"
name="./interestsFilterEnglishLabel"/>
</items>
</field>
</interests>
</items>
</containerFieldSet>
</items>
</field>
</interestsAndFiltersSection>

I already applied the fix you suggested in this ticket : https://experienceleaguecommunities.adobe.com/t5/adobe-experience-manager/complex-nested-multifield...

Thank you,

Sarah

[MukeshYadav_]

Hi @SarahBo2 ,

There is a service as Apache Sling Main Servlet, where it ask for number of calls per request which is 1000 by default. I changed it to 10000 and it resolved this issue. 

Did you try this fix?

Thanks

[SarahBo2]

Hi,

I tried your fixes but they do not work. However, I am attaching the log that appears when I click 'add' here: 

"log 04.11.2024 09:51:30.100 *INFO* [[0:0:0:0:0:0:0:1] [1730710289806] GET /mnt/overlay/wcm/core/content/sites/properties.html HTTP/1.1] libs.granite.ui.components.coral.foundation.table Fallback to non-lookahead datasource"

[SarahBo2]

Yes. But it did not work. It is possible that the problem is that the multifield is within the page properties?
Thanks,

Sarah

[konstantyn_diachenko]

Hi @SarahBo2 , have you checked console logs?

I would suggest to open a browser DevTools and try to reproduce this issue. Once you reproduce it again, check console logs and network tab with requests. Most likely you will see some console logs and/or failed requests. 

Collect this info and provide them here. It can help us to troubleshoot this issue together.

[GabrielMircea]

I doubt the console.log will provide much information, i'd rather check the AEM error logs as this  is less likely to be a frontend client side issue.

[PRATHYUSHA_VP]

Hi @SarahBo2 

Can you remove the granite:class and check any logic being written for the same

I tried reproducing the same with your dialog.xml , it seems working fine after removing the granite:class

Can you please try and update if not working

Hope this helps

Thanks

[kautuk_sahni]

@SarahBo2 Did you find the suggestions helpful? Please let us know if you require more information. Otherwise, please mark the answer as correct for posterity. If you've discovered a solution yourself, we would appreciate it if you could share it with the community. Thank you!

[SarahBo2]

Hi, actually the answers did not solved my issue. I also added the log but I didn't have any help.

 Thank you,
Sarah