search

measuredco / puck

The visual editor for React
https://puckeditor.com
MIT License
5.04k stars 279 forks source link

Frame issue #571

Closed Sahak885 closed 1 hour ago

Sahak885 commented 3 weeks ago

Puck Editor (version: 0.15.0) Stack: Next JS pages router (version: 13.1.2)

Provide environment information

Binaries:
  Node: 20.11.0
  npm: 10.2.4
  Yarn: 1.22.21
  pnpm: N/A
Relevant Packages:
  next: 13.1.2
  eslint-config-next: 13.1.2
  react: 18.2.0
  react-dom: 18.2.0
  typescript: 4.9.4

Loom Video: https://www.loom.com/share/4f7a8a79b8244e8b980668a2e108f595

It worked correctly in development mode, but when I ran npm run build and npm run start, it didn't work correctly in production mode.

Sahak885 commented 3 weeks ago

I think the issue occurred in this code. image

chrisvxd commented 1 week ago

Hey @Sahak885 - it sounds like some of your styles. may not be loading. Can you check in your network tab if everything is completing?

Puck defers showing the iframe until the initial styles have loaded. We can consider adding an API to disable this behaviour.

chrisvxd commented 1 hour ago

Hey @Sahak885 - please try the new iframe.waitForStyles = false config in the latest canary as a workaround.