GrapesJS Issues

artf

You need to escape properly the CSS

GJS Helper

It appears you've encountered a known limitation or bug in GrapesJS's CSS parsing and style management when dealing with selectors that contain escaped colons (\:), which are common in frameworks like Tailwind CSS for responsive variants (...

artf

From the official demo it looks to work as expected, so I guess it's related to your custom logic. Please provide a minimal reproducible demo of the issue.

GJS Helper

The issue you're experiencing, where bold or italic formatting disappears after applying it and clicking away, is a common synchronization problem when customizing the GrapesJS Rich Text Editor (RTE) with custom: true. Root Cause When you...

nhan-nguyen-se

@MarceloBD How did you manage to solve this? I'm facing the same issue.

GJS Helper

It appears you've encountered an intermittent bug in GrapesJS, specifically affecting its loading and the layers panel in Firefox. The TypeError: model is undefined when clicking the layers menu is a critical clue pointing to a race condit...

artf

You can't interact with the iframe during the editing, otherwise, it won't be possible to select it from the canvas. You check the iframe interactions during the preview though.

GJSBlock

Thanks for reporting this, @omerson-cruz. Great question about Unable to use UI controls for the video component when. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for yo...

artf

Thanks @gladykov but this is not related to the core, it's just an example behavior implemented in the demo.

GJS Helper

This is a valid observation regarding user experience in GrapesJS. The behavior you're describing is not a bug in the sense of a broken feature, but rather a UX inconsistency where clicking an already selected component doesn't always re-a...

Dobby85

By looking into the code, I saw that to get the RTE functionnality, our new component has to extend ComponentTextView. My initial issue was that I did something like : And it tooks the view of my baseStructure and not the text component. I...

GJS Helper

The issue you're encountering where text components loaded via fromElement: true are not editable, even with data-gjs-type="text" and editable="true" in the HTML, stems from how GrapesJS handles existing DOM elements during initialization....

GJS Helper

This is indeed a known behavior when dealing with HTML fragments that are not valid in a standalone context, such as <tr> or <td> tags outside of a <table> element. GrapesJS, like many HTML parsers, relies on browser-native DOM parsing mec...

Mustufask

@artf pls help me solve this issue as this node modules files doesnt allows grapesjs to work in my react based project

artf

Related discussion https://github.com/GrapesJS/grapesjs/discussions/5400 Please use the search before opening an issue.

GJS Helper

The Uncaught TypeError: _webpackrequire.r is not a function error you're encountering is a common Webpack-specific issue related to how it handles ES Modules (files ending in .mjs) and its internal module interop logic. The webpackrequire....

artf

Follow the issue template please, there is a reason it's there...

GJS Helper

The issue "event works also on component mount" typically arises from a misunderstanding of how event listeners are bound in JavaScript, especially within a framework like GrapesJS that manages its own component lifecycle and DOM rendering...

rhoenerSBS

I initially wanted to realize the same behavior with a function in the droppable property of the parent component to prevent components being dropped at a specific index but unfortunately the index is not given as a param for that function.

GJS Helper

Thank you for reporting this issue. You've identified a subtle timing bug in GrapesJS related to how the Layers panel updates when a component is programmatically moved immediately after being added. Root Cause The issue stems from a timin...