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.
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.
This is different from my local instance where those properties are properly set.
Not sure if this is an underlying JS library issue, settings/policies related or else. Help or suggestions are much appreciated.
Solved! Go to Solution.
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.