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?

PSDuckie
Level 1
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
Arun_Patidar
Correct answer by
Community Advisor
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

0 Replies
smacdonald2008
Level 10
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/

PSDuckie
Level 1
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?

Arun_Patidar
Correct answer by
Community Advisor
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

smacdonald2008
Level 10
Level 10

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

kautuk_sahni
Employee
Employee

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