`Drag component here` box is coming like pixel in AEM

[HimanshuSh]

What can be reason in AEM in edit mode and i am Admin user. In my page Drag component here is coming like dot insist of whole box.

But it should look like this. If i inspect and change its height we can see the original component. What can be reason for this.

It would be great help. Any reason for this issue

[Tanika02]

Hello @HimanshuSh  - 

Is this the same behavior across all the pages?

[HimanshuSh]

Hi @Tanika02 ,

It is same for all page in project. I am new in exploring AEM . What would be reason for that?

[SwetaB]

Hi @HimanshuSh ,

It seems to be css issue for the pages,

1. Is the issue in all pages or this page only, the css might be overriding the project css.
2. Check in author mode the divs are closed or extra divs are there.
3. Test the component in different project.

Thanks,

Sweta

[HimanshuSh]

Hi @SwetaB ,

This is in all the pages.

In other project i see the drag component button fine.

Any hint where i should look, i am new to exploration in AEM.

[Tanika02]

@HimanshuSh  - 

Are you getting this issue in your AEM Local or across all environments (QA/STAGE/PROD)?

[HimanshuSh]

@Tanika02 

Yes i am getting in all environment(QA/STAGE/PROD). 

[Tanika02]

@HimanshuSh - 

can you check couple of things?

• Is this the same issue even when there is no component dragged in to the parsys?
• Is the parsys overlayed or some custom css been added to the base page template?
• If you are working with AEM on Premise instance and you have we.retail in your local can you check. Are you able to replicate this issue there as well??

[SwetaB]

@HimanshuSh

Try adding this to your page component.

<sly data-sly-include="/libs/wcm/core/components/init/init.jsp"></sly>