GrapesJS Issues

GJS Helper

The issue you're encountering with the min value not affecting the initial display of 0 for border-width is a common point of confusion. The min property in GrapesJS style manager primarily affects the stepper/slider controls and validatio...

mohamedsalem401

Hey, I've checked your code and tried to debug it. It seems to me that the code is not passing the mouse event to the onActive method, which is needed: ```js componentEl.addEventListener('click', (ev) => { component.view.onActive(ev); });

GJS Helper

The issue you're experiencing, where the cursor always goes to the beginning of the text box when activating editing on a single click, stems from how contenteditable elements are programmatically activated versus how they behave with nati...

ChipiKaf

@artf I have a fix for it locally. Essentially what I do is check if the element has a parent with relative position, then offset the rect by the height of the parent if it exists and is position relative. I can create a PR for it if that'...

GJSBlock

Thanks for reporting this, @ChipiKaf. Great question about Resizing of Child with absolute drag enabled positions element wrongly when in Parent with relative position. The recommended approach with Components is to use the event-driven AP...

DarrenHou1993

This change fixes the UI issue, but it introduces a value issue here. When setting the bottom-left corner radius, it actually modifies the bottom-right corner instead.

GJS Helper

The issue you've identified regarding the swapped display order of border-bottom-left-radius and border-bottom-right-radius in the GrapesJS Style Manager is a known quirk in the default configuration of older GrapesJS versions or specific...

artf

Yeah, that's not supported as there might be some performance implications trying to match any possible rule there. What you can do though is select any rule via styleManager.select

MLMarxx

Ok, thanks for clarification - currently using select, any ideas how to target media tags that way?

artf

You can get the CSSRule you need (getRule) and then pass it to styleManager.select

artf

Thanks @rhoenerSBS the issue was fixed here and will be available in the next release.

GJS Helper

The appendOnClick option in GrapesJS's BlockManager is indeed broken in recent versions, leading to the Uncaught TypeError: c.setDropContent is not a function error. This issue stems from a change in how the BlockView handles click events...

GJSBlock

Thanks for reporting this, @Harshsne26. Great question about !important is added to every component styles. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your sp...

artf

Closing this as the demo seems to run fine, maybe something related to your browser cache/extensions

GJS Helper

The Uncaught TypeError: Cannot set properties of null (setting 'isEditor') error, especially when encountered on the GrapesJS demo site with a blank canvas, indicates a critical failure during the editor's initialization process. This erro...

artf

You can take control over what is dropped inside the canvas via canvas:dragdata event https://jsfiddle.net/artur_arseniev/87rcb24n/

GJS Helper

The issue you've reported, where arbitrary elements from outside the GrapesJS canvas (including parts of the editor's UI) can be dragged and dropped into the canvas, is a common behavior stemming from the browser's native drag-and-drop fun...

sirbeagle

I believe I have tracked this down to being a conflict with the ability to select multiple blocks at the same time. Commenting out on line 539 in /src/editor/model/Editor.ts seems to prevent the selected text from clearing. I'm now looking...

GJS Helper

You've encountered a common issue where text selection in the GrapesJS Rich Text Editor (RTE) does not visually highlight the selected text, even though the selection itself is functional (e.g., you can copy the text). This behavior is rep...