Search code examples
cssaem

AEM adding infinite height on element in Editor mode

We are using HTML Banner component while creating a webpage in AEM. The Banner component having height: 100vh CSS property to cover the entire height of view port. But while authoring in edit mode in AEM, the height of page is increasing infinity. So it is become a tedious task to author the page. AEM is adding height on several elements in edit mode.

Solution

  • The reason is "Parsys"

    When you add the component with a height of vh, It will try to occupy the full screen and AEM will try to add "Parsys" at the bottom. Now, vh will try to occupy the space which Parsys has taken. So, again the parsys will go down, and again the vh will occupy the space. This is an infinity process.

    We need to restrict in JS