Layout container [root] Overlapping all other components, making them disabled to edit | Community
Skip to main content
bhansa
bhansa
March 1, 2022
Solved

Layout container [root] Overlapping all other components, making them disabled to edit

  • March 1, 2022
  • 2 replies
  • 1241 views

When configured one specific component on the page, I see that Layout container [root] overlapping all other components above the specific component making other components disable to edit.

 

Please help to debug and resolve this issue.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Anish-Sinha

Can you add below snippet in your components html at the end and test:

 

<div style="clear:both"></div>

2 replies

milind_bachani
Adobe Employee
milind_bachaniAdobe Employee
Adobe Employee
March 1, 2022

Following might be the reason for overlap and surely caused by custom code :
A custom css written at page/component which override the default editing behaviour ad getting applied in all modes, possible fixes:
1. Trace out the culprit css and find out better replacement of the snippet.

2. Write a custom CSS which only applies in edit mode and overrides the over-lapping behaviour.

 

Thanks,

Milind

    bhansa
    bhansaAuthor
    March 2, 2022

    Yes I agree that it has something to with custom code of the component. I am trying to figure out which style property would cause this issue, as based on that style the height attribute of layout container is coming wrong. Coral is getting confused.

      Anish-Sinha
      Adobe Employee
      Anish-SinhaAdobe EmployeeAccepted solution
      Adobe Employee
      March 1, 2022

      Can you add below snippet in your components html at the end and test:

       

      <div style="clear:both"></div>
        Terms & ConditionsAccessibility statement

        Loading footer...