Here is a video showing the bug: https://github.com/user-attachments/assets/0fdc76ed-cee5-4481-98b1-cbbf52572b31 GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? firefox latest and Chrome v141.0.7390.122 Reproducible demo link https://canary.silex.me/ I can do a fiddle/c...
lexoyo
Oh and i'd be happy to contribute if you tell me what solution i should focus on (a command to re-connect instances, an async method to load project data like what i do in silex, ...) cc @artf
artf
yeah looks like an issue with that way of loading pages π€ I don't see any issue on my side (full project load). What is the reason behind loading pages in that way?
lexoyo
yeah looks like an issue with that way of loading pages π€ I don't see any issue on my side (full project load). What is the reason behind loading pages in that way? It avoids blocking the main thread for too long. When users load a real l...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? 140.0.7339.214οΌζ£εΌηζ¬οΌ (x8664) Reproducible demo link https://codesandbox.io/p/devbox/d27l6n Describe the bug I want to create a custom dynamic list component based on GrapesJS (with 3 rows by default). It can bind to an arr...
ClaudeCode
Thanks for reporting this, @zhengtulymGh. The issue with Custom Dynamic List freezes after binding array and expanding rows to match length appears to be a race condition or state management timing problem. This typically happens when comp...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? google chrome v139.0.7258.128 Reproducible demo link https://codesandbox.io/p/sandbox/relaxed-payne-vt3pgc Describe the bug How to reproduce the bug? add some elements to the canvas try to find elements in layer manager an...
ClaudeCode
Thanks for reporting this, @mohammedmoulla. Great question about cannot drag and drop elements in layerManager after change the root. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS docum...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 138.0.7204.101 Reproducible demo link https://jsfiddle.net/u3L89ejh/1/ Describe the bug How to reproduce the bug? Resize the image Drag it somewhere else on the canvas Click one of those little blue resizer squares...
artf
@jsxOverdose pushed a fix to this new release: https://github.com/GrapesJS/grapesjs/releases/tag/v0.22.11
jsxOverdose
@artf In the new version, there's another bug: when you click one of the resize handles on the Y-axis, it makes the image significantly larger. Here's the demo: https://jsfiddle.net/du81zL6r/
ClaudeCode
Thanks for reporting this, @jsxOverdose. Great question about Moved element snaps to wrong position on resize. The recommended approach with Canvas is to use the event-driven API. Start here: Check the GrapesJS documentation for your speci...
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/YPXdgmj Describe the bug How to reproduce the bug? upload an image change it to mobile view resize the image What is the expected behavior? When manually changi...
mosh-tudor
@yashvi2026 That's because of your custom CSS code. Remove this part: from editor.BlockManager.add('image', {
artf
I confirm the component resizer doesn't account for !important right now, but I'd follow, more or less, what @mosh-tudor suggested. You don't need to remove the entire styles, as my guess is what you need, but I don't see the point of havi...
yashvi2026
I need to use !important in my style. I've noticed that in other components, when !important is included in the default styles, the styles added through the style manager also include !important to ensure they override the default. So, whe...
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...
ClaudeCode
Thanks for reporting this, @Zedonboy. Great question about Panel not removed. The recommended approach with StyleManager is to use the event-driven API. Start here: Check the GrapesJS documentation for your specific module Look for the on(...
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? chrome 133 with dev branch as of 02.27.2025 Reproducible demo link clone dev repos as of 02.27.2025 Describe the bug How to reproduce the bug? ... clone repo and build and start ...in demo page click to enter preview mode...
sumasal
temporary workaround for the impatient:
ClaudeCode
Thanks for reporting this, @sumasal. Great suggestion about in dev branch when the preview is enabled dragging of components should not be allowed but it does.! While this specific feature isn't yet in the core API, there are several ways...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v133 Reproducible demo link https://jsfiddle.net/2hjdrb7L/1/ Describe the bug How to reproduce the bug? Initialize a grapesjs editor using grapesjs v0.22.x with the grapesjs-touch plugin v0.1.1. What is the expected...
bamiendev
Same issue
federica-capobianco
did you manage to solve it? Facing a kind of similar issue
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