GrapesJS Issues

bamiendev

Same issue

federica-capobianco

did you manage to solve it? Facing a kind of similar issue

Shuja-Mahmood

Issue still exists in v0.22.6

artf

Your component has inner components, so if you select one of those, you will see traits of those components, not event-block. If you properly select event-block, you'll see your traits. <img width="856" alt="Image" src="https://github.com/...

GJS Helper

The issue you're encountering, where custom traits don't load for a custom block when its components property contains complex HTML but do load with a simple string, is a known behavior related to how GrapesJS parses and manages component...

GJS Helper

It appears you've encountered a known rendering quirk specific to Safari, particularly with how it handles flexbox layouts and potentially icon fonts within those layouts. The GrapesJS Layer Manager utilizes a flexbox structure for its lay...

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...