GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Version 133.0.6943.98 Reproducible demo link https://codesandbox.io/p/sandbox/loving-breeze-mdls43?file=%2Findex.js%3A77%2C6 Describe the bug Iam trying to add some custom triats to my block unfortunately i can only see th...
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...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Version 131.0.6778.265 Reproducible demo link https://codepen.io/chipikaf/pen/KwPexjL Describe the bug How to reproduce the bug? Drop the button component in the Middle section Move the button anywhere in the section Resiz...
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...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v131 Reproducible demo link https://jsfiddle.net/0uaxn2vc/2/ Describe the bug How to reproduce the bug?open link to fiddleselect body or other component where components can be addedtry to add component only by clic...
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...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://codepen.io/Harshsne/pen/YPKwRBg Describe the bug How to reproduce the bug?Add row component from blockmanager.change its width in stylemanager .(!important is added because its default...
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...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? 131.0.6778.86Reproducible demo link https://jsfiddle.net/badiuciprian/qe28obhr/1/Describe the bug How to reproduce the bug?try dragging any block to the canvas What is the expected behavior? The component is rendered to the...
mohamedsalem401
I managed to reproduce it. It's only happening on nativeDnD: false. Probably this makes the block view use the API of the old sorter. I will try to push a fix for this.
artf
@mohamedsalem401 can you check this one, please?
badiuciprian
Thanks for taking care of this. I will watch for the update.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? 130.0.6723.117 Reproducible demo link https://grapesjs.com/demo-mjml Describe the bug How to reproduce the bug?Select a component at random, such as the second mj-section on the demo pageHover this component in the editor...
GJS Helper
The issue you're encountering where calling tagUpdated() on an MJML component breaks its hover functionality and throws an error is due to a mismatch in how tagUpdated() is designed to work versus the specific rendering lifecycle of MJML c...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Arc v1.61.1 Reproducible demo link https://codesandbox.io/s/grapesjs-react-components-n6sff Describe the bug @artf First of all thank you for this amazing library. I was trying to create custom react components within grap...
artf
Yeah, that's expected from the demo perspective. You can play around with the code and find your solution but I'm closing this as it's not a core bug.
GJS Helper
The behavior you're observing, where custom React components are wrapped inside an extra div with GrapesJS-specific attributes, is fundamental to how GrapesJS manages components in the DOM. This div is not an "extra" wrapper in the GrapesJ...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest chrome, firefox, edge Reproducible demo link https://grapesjs.com/demo Describe the bug How to reproduce the bug?drag a acomponent in layer manager and try to put it between other items under bodynot allowed. nestin...
artf
Will be fixed in the next release. Thanks @sumasal for the report and @mohamedsalem401 for the fix ๐โโ๏ธ
sumasal
issue title is somehow clipped. what i meant is it seems to work on older versions such as 0.21.8 and below
GJS Helper
The GrapesJS Layer Manager is designed to allow both reordering components on the same level and nesting components within others. Based on the official GrapesJS demo (https://grapesjs.com/demo) and the latest version of GrapesJS, this fun...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 131.0 (64-bit) on Linux and Mac Reproducible demo link https://grapesjs.com/demo Describe the bug How to reproduce the bug?Start dragging the "Hover me" buttonTry to put it above the "All text blocks could be edite...
padcom
You guys are awesome! And not a moment too soon :) I have a presentation Today in the afternoon and now I'll be able to show it working on Firefox too!
padcom
I've tracked down the breaking change in Firefox to version 109.0. It's the first one that has the problem. Version 108.0.2 works fine. Hope that helps.
padcom
I have also tested 133.0a1 nightly from 2024-10-24-21-16-15-mozilla-central and the problem is also there.
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 130.0.6723.59 (Official Build) (arm64) Reproducible demo link https://codepen.io/btmkt/pen/QWeOJRB?editors=1111 Describe the bug How to reproduce the bug?Open console.Drop multiple components inside the canv...
artf
@mohamedsalem401 this is probably happening due to the shallow editor. I think it would make sense to leverage the temporary option (which we already use to skip some actions) in canMove. wdyt?
mohamedsalem401
@artf Yes, I suspect it has to do with the shallow editor. Hopefully the temporary option will work and then I'll open a PR
bt-mkt
@mohamedsalem401 this is probably happening due to the shallow editor. I think it would make sense to leverage the temporary option (which we already use to skip some actions) in canMove. wdyt? Hello @artf, The change above, which I saw wa...