Expand my Community achievements bar.

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



Arun Patidar

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



Arun Patidar

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



Kautuk Sahni