Expand my Community achievements bar.

SOLVED

Container component missing "Drag components here" prompt

Avatar

Level 3

I am on AEM Cloud and recently encountered a strange issue with the core Container component.

 

The container does not have the "Drag components here" Editable prompt, so I cannot to drag and drop any component inside.

 

broken_container.png

This is only happening in the deployed instances on AEM Cloud environment, not locally. The page template also has this issue.

 

Upon inspection, I can see that it is caused by the styling of the Editable prompt, having width and height CSS property of 0, an out of bound absolute position, and the tabIndex of -1.

bad_css.png

This is different from my local instance where those properties are properly set.

Screenshot 2023-11-16 at 12.04.42 PM.png

Not sure if this is an underlying JS library issue, settings/policies related or else. Help or suggestions are much appreciated.

 

Thank you,

 

 

 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

Hi @sean12341 
Seems policies are missing.

 

Could you please try to create/change policies from the template?



Arun Patidar

View solution in original post

2 Replies

Avatar

Correct answer by
Community Advisor

Hi @sean12341 
Seems policies are missing.

 

Could you please try to create/change policies from the template?



Arun Patidar

Avatar

Level 3

Thanks you did lead me to the right track. 

It was a silly mistake of mine, one of the policy brought in a js clientlib that removed the "parsys", thus causing this issue.