Custom Multifield is not working In AEM 6.3

[mallikarjunp178]

Custom Multifield is not working in AEM 6.3

[leeasling]

This is very vague.

This is also the reason you don't implement custom multifields, because the API's are constantly changing.

[urnotmydad]

Custom Multifield is not working in AEM 6.3?

[smacdonald2008]

What error in the browser are you seeing?

[smacdonald2008]

I am seeing an error too in 6.3. This works in 6.2. I am investigating. It may be a bug.

Uncaught RangeError: Maximum call stack size exceeded

    at instanceGenerator._addListeners (composite-multifield.7ad2e3d05f614dfeab0290e74ff2d9

I will post back my findings.

[leeasling]

This typically happens because 2 xtypes have the same namespace and therefore AEM tries to load both.  I've seen this with ACS Commons installed (with their multifield panel) and also a custom multifield being installed.

[smacdonald2008 · Accepted solution]

In 6.3, there need to be an update - I have let the team know there is an issue.

[mallikarjunp178]

seen error because we have customised the dialog, i have updated the customised dialog with 6.3 updates its started working.

Thanks.

[kotireddyn99242]

i created custom multi field in touch ui AEM 6.3,but when i am trying to add fields i am getting error in console

Uncaught RangeError: Maximum call stack size exceeded.

[BigT168]

Same here.

Uncaught RangeError: Maximum call stack size exceeded

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

    at f._addListeners (composite-multifield.min.js:59)

[mallikarjunp178]

In AEM 6.3, custom multi-field is available as part of coralUI.

[BigT168]

I install the acs-aem-common version 3.9.0, the error "

Uncaught RangeError: Maximum call stack size exceeded

    at f._addListeners (composite-multifield.min.js:59)" is gone.

I made the multifield working in AEM 6.3 by using

granite/ui/components/coral/foundation/form/multifield.

granite/ui/components/coral/foundation/form/fieldset

granite/ui/components/coral/foundation/fixedcolumns

granite/ui/components/coral/foundation/container

granite/ui/components/coral/foundation/form/textfield

[kotireddyn99242]

Hi,

<?xml version="1.0" encoding="UTF-8"?>

<jcr:root xmlns:sling="http://sling.apache.org/jcr/sling/1.0" xmlns:cq="http://www.day.com/jcr/cq/1.0" xmlns:jcr="http://www.jcp.org/jcr/1.0" xmlns:nt="http://www.jcp.org/jcr/nt/1.0"

    jcr:primaryType="nt:unstructured"

    jcr:title="Multified"

    sling:resourceType="cq/gui/components/authoring/dialog">

    <content

        jcr:primaryType="nt:unstructured"

        sling:resourceType="granite/ui/components/foundation/container">

        <layout

            jcr:primaryType="nt:unstructured"

            sling:resourceType="granite/ui/components/foundation/layouts/tabs"

            type="nav"/>

        <items jcr:primaryType="nt:unstructured">

            <contenttype

                jcr:primaryType="nt:unstructured"

                jcr:title="Content Type"

                sling:resourceType="granite/ui/components/foundation/container">

                <layout

                    jcr:primaryType="nt:unstructured"

                    sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"/>

                <items jcr:primaryType="nt:unstructured">

                    <columns

                        jcr:primaryType="nt:unstructured"

                        sling:resourceType="granite/ui/components/foundation/container"

                        class="required-icon">

                        <items jcr:primaryType="nt:unstructured">

                            <contenttype

                                jcr:primaryType="nt:unstructured"

                                sling:resourceType="granite/ui/components/foundation/form/multifield"

                                <field

                                    jcr:primaryType="nt:unstructured"

                                    sling:resourceType="granite/ui/components/foundation/form/fieldset"

                                    acs-commons-nested=""

                                    name="./items">

                                    <items jcr:primaryType="nt:unstructured">

                                        <columns

                                            jcr:primaryType="nt:unstructured"

                                            sling:resourceType="granite/ui/components/foundation/container">

                                            <items jcr:primaryType="nt:unstructured">

                                                <text

                                                    jcr:primaryType="nt:unstructured"

                                                    sling:resourceType="granite/ui/components/foundation/form/textfield"

                                                    fieldLabel="Text"

                                                    name="./text"

                                                    required="{Boolean}true"/>

                                                <value

                                                    jcr:primaryType="nt:unstructured"

                                                    sling:resourceType="granite/ui/components/foundation/form/textfield"

                                                    fieldLabel="Value"

                                                    name="./value"

                                                    required="{Boolean}true"/>

                                            </items>

                                        </columns>

                                    </items>

                                </field>

                                <layout

                                    jcr:primaryType="nt:unstructured"

                                    sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"

                                    method="absolute"/>

                            </contenttype>

                        </items>

                    </columns>

                </items>

            </contenttype>

        </items>

    </content>

</jcr:root>

[kotireddyn99242]

once installed acs-aem-common version 3.9.0  package you can add above dialog structure format

It's working properly

don't add customized Multifield.js  files

if you have multifield js files it'a automatically conflicting multi field js files. you will get this type of errors.

Uncaught RangeError: Maximum call stack size exceeded

    at f._addListeners (composite-multifield.min.js:59)" is gone.

if you have any query let me  know

[eshan_fiction]

Hi smacdonald2008​  Is there any update on this?

[nandhini]

Hi ,

Is there an update or solution for this issue?

getting same error in 6.3 for multifield , (6.2 works)

Uncaught RangeError: Maximum call stack size exceeded

    at f._addListeners (composite-multifield.min.js:59)"

Thanks,

Nandhini

[smacdonald2008]

Here is 6.3 article. Scott's Digital Community: Creating an AEM HTML Template Language 6.3 component that uses a Multifie...

[nandhini]

Hi smacdonald2008​,

I tried using the above link but now getting below error at all.js, (same error but in all.js now)

all.js:7015 Uncaught RangeError: Maximum call stack size exceeded

    at instanceGenerator._addListeners (all.js:7015)

thanks,

Nandhini

[Ratna_Kumar]

Hi Nandini,

Make sure you have only one multifield.js file..If you install ACS Commons package then no need to have multifield.js file.

Start the fresh instance, install ACS Commons package, component package and check again.

Also pls clear the browser cache to see the changes.

Hope this helps!!

~Ratna.

[nandhini]

Hi Ratna,

I have tried these steps , still issue persist with the package I installed from helpx site, ,

I have ACSpackage (3.9)and component package, no multifield js file but still gets the below error,

all.js:7015 Uncaught RangeError: Maximum call stack size exceeded

    at instanceGenerator._addListeners (all.js:7015)

(./libs/cq/gui/components/authoring/dialog/clientlibs/all.js ) --> relative path of the out of the box JS file

Multifiled component package that i installed is from below location,

Creating an AEM HTML Template Language 6.3 component that uses a Multifield

Thanks,

Nandhini

[smacdonald2008]

This means you still have a JS script on your AEM instance that is using the Multifield script. As a test, place the package from the HELPX article on a fresh instance. You will see it working.