Custom Multifield is not working In AEM 6.3

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

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>

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

Hi smacdonald2008​  Is there any update on this?

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

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

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

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.

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

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.