Styles loaded through vue entry point not working

Question

GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link N/A Describe the bug I'm integrating the grape.js plugin with vue.js. I have a prebuild page with prebuild html and css. When I load the page vue.js component(s) into the editor, all my vue.js styles get lost. but if I remove the grapeJs init method my styles are working fine. please help. I want to load the styles loaded through the vue.js entry point into the editor C...

artf · Accepted Answer

@innothetechgeek for a proper bug issue you should always create a reproducible demo as commonly there are issues unrelated to the core itself. Anyway, from your description you might want to define your styles entry via canvas options

GJS Helper · Answer

The issue you're experiencing, where styles loaded through your Vue.js entry point are lost when GrapesJS initializes, is a common behavior and stems from how GrapesJS isolates its editor canvas. Root Cause GrapesJS, by default, renders its editor canvas within an <iframe>. An iframe creates an isolated browsing context, meaning that styles defined in the parent document (where your Vue.js application is running) do not automatically apply to the content inside the iframe. Your Vue.js styles ar...

Styles loaded through vue entry point not working

Question

Answers (2)

Related Questions and Answers

Custom component styles are not applied after deletion and re-addition

The css classes are removed and the autogenerated ids for each html tags gets changed ( Example : ivj5m-2) after each reload

Editor Freeze on loadProjectData 0.21.7

while adding border style for Html component css json only fetching for border selector not fetching selector of border-width, border-style, border-colorBUG:

Paid Plugins That Match This Issue

Browse Plugin Categories