Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

SOLVED

AEM moves div tag - how to fix?

Avatar

Level 1

I have an AEM component with the following structure:

<div A>

    <div B>

         <div C />

    </div B>

    <div D>

         <div E />

    </div D>

</div A>

However, it shows in my AEM pages with this structure:

<div A>

    <div B>

         <div C />

    </div B>

</div A>

<div D>

    <div E />

</div D>

What is causing this, and how do I fix it?  Thanks!

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Could you please share your component code, may be issue with HTML structure.

I tried same in 6.3, working fine for me.

Screen Shot 2018-05-15 at 3.10.50 PM.png

Screen Shot 2018-05-15 at 3.11.26 PM.png

Thanks

Arun

View solution in original post

5 Replies

Avatar

Level 10

The only time i know of why AEM modifies DIVs of a component is related to eidting the component as discussed here -- https://aemcorner.com/aem-how-to-remove-div-wrapper-from-component/

Avatar

Level 1

I tried putting the cq:noDecoration="true" tag in the component that is giving me the trouble, but to no avail.  Am I doing this correctly?

Avatar

Correct answer by
Community Advisor

Could you please share your component code, may be issue with HTML structure.

I tried same in 6.3, working fine for me.

Screen Shot 2018-05-15 at 3.10.50 PM.png

Screen Shot 2018-05-15 at 3.11.26 PM.png

Thanks

Arun

Avatar

Level 10

I agree with Arun - i have developed many AEM components that include nested DIVS and never seen this happen.

Avatar

Administrator

Can you please share with us the package to debug this?

I have also checked and it is working fine for me on AEM 6.3 and 6.4.

-Kautuk