GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? chrome Reproducible demo link none Describe the bug How to reproduce the bug? From the tutorial My CSS style What is the expected behavior? A blank canvas What is the current behavior? ... If is necessary to execute some c...
GJS Helper
The issue you're encountering, where the "Blocks" panel is still visible despite setting panels: { defaults: [] }, is a common point of confusion. The panels: { defaults: [] } configuration option is indeed designed to prevent GrapesJS fro...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v135.0.7049.96 Reproducible demo link https://jsfiddle.net/bqkLwt8j/ Describe the bug When an element has an inline style and also matches an ID-based CSS rule, the styles from the ID selector are removed - even if...
artf
Thanks for the report @jsxOverdose Will be fixed in the next release
GJS Helper
You've accurately identified a specific behavior in GrapesJS where inline styles appear to completely override ID-based CSS rules, even for non-conflicting properties. This is indeed a deviation from standard CSS specificity rules and can...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://jsfiddle.net/qbpodnm4/ Describe the bug How to reproduce the bug? Select a component in the canvas. Go to the style manager and check if "General" is renamed to "Allgemein". What is th...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox 136.0.1 (64 bits) Reproducible demo link https://grapesjs.com/docs/api/editor.html#editor Describe the bug How to reproduce the bug? Go to https://grapesjs.com/docs/api/editor.html#editor What is the expected behav...
Thank you for reporting this issue. You've correctly identified a bug in the GrapesJS documentation website. Root Cause: The {REPLACEEVENTS} placeholder indicates that the documentation generation process failed to correctly inject the lis...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox and Chrome Reproducible demo link I can't do a demo for remote storage Describe the bug Import anything that has > next to a tag with > Example: <a href="#">></a> Also happens like this: <a href="#">Home</a>...
artf
I can't do a demo for remote storage You don't need a demo for remote storage. The local and remote storage are using the same interface, which means if you're not able to reproduce with the locale storage, the problem is probably on your...
GJS Helper
This is a critical bug report. The issue where GrapesJS displays "undefined" and fails to load content when the HTML entity > (greater than sign) is present, especially near HTML tags, indicates a problem with GrapesJS's internal HTML p...
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Version 131.0.6778.205 Reproducible demo link https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4 Describe the bug How to reproduce the bug:Add the dark-style class to the body: js editor.CssComposer.addRul...
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
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://grapesjs.com/demo.html Describe the bug How to reproduce the bug?Try select for example whole sidebar tools/text/everythingGrab and drop it on canvas What is the expected behavior? Pro...
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...
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? 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...
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Chrome 129.0.6668.101Reproducible demo link https://grapesjs.com/demoDescribe the bug How to reproduce the bug? open https://grapesjs.com/demo run this script in DevTools: What is the expected behavior? Successfully copied w...
maxming2333
In addition to the above method, is there any other way to copy the page?
GJS Helper
The TypeError: Converting circular structure to JSON you're encountering when cloning a GrapesJS page's main component and adding it to a new page is a common issue related to how GrapesJS components are serialized for storage. This happen...