AEM 6.2 (Drag Component Here) Parsys height 0px

Question

I am using AEM 6.2 and trying to create a parsys component in crx, using the code below

However, the height of this parsys, in edit mode, comes as 0px.

Attached are the screenshots.

When I manually change the height to some values eg. 40px, it looks fine.

Note: I am not using any client library for the above page. (no css and js)

Futher, All sample sites like geomatrix etc have parsys showing correctly.

Could anyone guide me with what I am doing wrong?

Answer 1

I think that the problem is outside the component or any of the code shown here.

I think what's happening is that the css style for the div that gives the droptarget placeholder its dimensions is not loading.

That's loaded as part of the AEM authoring client libraries which you should be inheriting from the foundation page component.

Examine your page component's sling:resourceSuperType property. It should point to either wcm/foundation/components/page or wcm/foundation/components/page or inherit from a component that does.

If that is set then you have may have blocked one of the scripts within it, quite possibly head.html.