fix: disable toolbar when website is embedded - Githubissues

prismicio / prismic-toolbar

An embeddable UI for Prismic content and previews directly on your website.

12 stars 19 forks source link

fix: disable toolbar when website is embedded #118

Closed lihbr closed 8 months ago

lihbr commented 1 year ago

Context

This PR disables the toolbar when it is loaded on an embedded website, fixing an issue with the Slice Simulator affecting the Page Builder.

See this thread: https://prismic-team.slack.com/archives/C02JLEV98G3/p1690248372947269
See this loom: https://www.loom.com/share/705062d125914c3fba27202aebc65015

Fix

Diffs might look huge, but it's mainly just line 11 and line 13 that wraps the remaining of the code.

Fixed toolbar to test with: https://prismic-toolbar-iframe-fix.netlify.app/prismic-toolbar/4.0.9/prismic.js?repo=2306-meetup-figma&new=true
Example website (mine): https://toolbar-fix--prismic-demo-meetup-figma.netlify.app/