Prismic Preview breaks if a section has height set in vh (eg. 100vh)

[deepakgangwar4265 (Deepak Gangwar)]

I am building a project with Next.js and prismic slicemachine, using the starter template provided by prismic.

I have enabled prismic previews.

When I am in my prismic dashboard, the previews of sections that have heights set in vh (say 100vh) just keeps getting taller and taller and doesn't stop.

Is there a fix to this?

[patrick8 (Patrick Schedler)]

having exactly the same problem - looks like the live preview and / or slice simulator cannot handle slice dimensions in vh. any suggestions on how to resolve this issue?

[Phil (Phil Snow)]

Hi Team,

This has been discussed previously here:

Slice simulator has 100vh in its wrapper div

Hey @kris, the simulator and page builder should be smart enough to know the height of the slice, even when smaller than 100vh. Here is a screenshot of it working using the Prismic multi-page starter: [image] I believe height detection was added to the simulator within the last year. Could you ensure you are using the latest versions of the @slicemachine/* packages? In case your project is using the deprecated @prismicio/slice-simulator-react package, check out this migration guide: @prismi…