Expand my Community achievements bar.

AEM Tripping Media Tags despite browser viewport not being at dimensions to trigger query

Avatar

Level 1

 

I am using react-spa and this issue is exclusively in the editor. I have a media tag for 4k displays with a min-height set. When I add enough components in the editor to add up to a height of > 2160px the tag is tripped as in the pic below. When I remove components the tag is not tripped. This is only in the editor. Why on the page load is the editor displaying working out the height of all components and trying to display them? This seems like a bug to me.

 

I2obiNeire_0-1602450251301.png

 

1 Reply

Avatar

Community Advisor and Adobe Champion

The issue is likely linked to the fact the editor makes use of an iframe to render the page and this must be affecting how the height is calculated, causing it to believe the height encompasses the full content of the page, not just the visible viewport.

 

Do you have a meta tag for viewport?  setting height=device-height here might help

<meta name="viewport" content="width=device-width, initial-scale=1" />