Layout container [root] Overlapping all other components, making them disabled to edit | Community
Skip to main content
bhansa
Level 2
Mar 1, 2022 1:15 PM UTC
Solved

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

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.
Anish-Sinha
Anish-SinhaAccepted solution
Employee
Mar 1, 2022 8:10 PM UTC

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

 

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

3 replies

Anish-Sinha
Anish-SinhaAccepted solution
Employee
Mar 1, 2022 8:10 PM UTC

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

 

<div style="clear:both"></div>
Translate
milind_bachani
Employee
Mar 1, 2022 7:15 PM UTC

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

Translate
bhansa
bhansaAuthor
Level 2
Mar 2, 2022 6:49 AM UTC

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.

Translate