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 Fix passing down collectionsSourceMap if not needed Insure that all listeners are cleaned if not needed Improve Editor.loadProject speed Code of...
GJS Helper
Improving GrapesJS editor performance and preventing memory leaks are crucial for a smooth user experience, especially in complex applications. Let's break down the points raised: Fix passing down collectionsSourceMap if not needed The ter...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox Reproducible demo link https://grapesjs.com/demo.html Describe the bug Description The editor has very slow loading times. On complex pages (e.g. homepage with many elements and plugins such as carousels), it can t...
artf
Thanks @MisterKeyboard for providing the JSON. Your project contains 10K style rules, which is a lot, but still, I'd not expect the load to be impacted that much. @mohamedsalem401 I think we need to verify if data source related changes (e...
mohamedsalem401
@artf Will take a look and give an update on this.
artf
@MisterKeyboard can you share the JSON of the project so we can verify that
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v142.0.7392.0 (canary) Reproducible demo link https://jsfiddle.net/xce183nm/1/ Describe the bug How to reproduce the bug? Create an editor instance and load HTML code that contains character references in attribute...
artf
Thanks for providing all the info and details, that was helpful. Thanks also for the PR.
GJS Helper
You've identified a critical bug in GrapesJS's HTML serialization process regarding attribute value escaping. The issue stems from the Component model's renderAttributes method, which directly inserts attribute values into the HTML string...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Safari 18.5 on Mac Reproducible demo link https://codepen.io/jmulik/pen/LEpdjZq Describe the bug How to reproduce the bug? View https://codepen.io/jmulik/pen/LEpdjZq in Chrome - Able to drag and drop blocks. View same in S...
them7d
yes, it doesn't work because the code is not fully compatible with safari browser to fix this problem you need to use grapes in nextjs like this page https://grapesjs.com/demo.html
GJS Helper
The issue you're experiencing with drag and drop not working in Safari since GrapesJS v0.22.1 is a known behavior related to changes in the framework's storage management. Root Cause GrapesJS v0.22.0 introduced a significant update to its...
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/zxvREjB Describe the bug How to reproduce the bug? Drag and drop the text component What is the expected behavior? It should not be selected /dragged in layerma...
artf
You can hide the component from layers with layerable: false property or create your own custom layer manager UI with all the UI logic you need.
GJS Helper
The issue you're experiencing where locked components can still be selected, dragged, and deleted in the GrapesJS Layer Manager is a common point of confusion. The locked property on a GrapesJS component primarily controls interactions on...
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...
GJS Helper
Thank you for reporting this issue and providing a clear reproducible demo. The problem you're encountering with drag-and-drop in the Layer Manager after attempting to change its root is due to an incorrect usage of the layerManager.root c...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Firefox Developer 142.0b9, Chrome 138.0.7204.184 Reproducible demo link https://jsfiddle.net/artur_arseniev/ta19s6go/ Describe the bug How to reproduce the bug? Make the "Article" component a symbol Add a text component to...
GJS Helper
The issue you've described, where adding a text component to an original symbol instance leads to cursor resets, flickering, and continuous component:add events, is a known interaction conflict between GrapesJS's symbol update mechanism an...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Edge Version 135.0.2535.51 (Official build) (64-bit), Chrome Version 135.0.6422.112 (Official Build) (64-bit) Reproducible demo link https://grapesjs.com/demo Describe the bug Test Environment: OS: Windows 11[Version 24H2(...
artf
Hey @msftedad the website repo is here, feel free to submit a PR with the fix (file/GrapesEditor.tsx)). I'm closing the issue as it's not related to the core.
GJS Helper
This is a valid and important accessibility bug report for the GrapesJS demo page. The issue stems from the <img> tag for the GrapesJS logo having an empty alt attribute, which incorrectly signals to screen readers that the image is purely...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Edge: Version 135.0.2535.51 (Official build) (64-bit), Chrome: Version 135.0.6422.112 (Official Build) (64-bit) Reproducible demo link https://app.grapesjs.com/studio?utmsource=grapesjs&utmmedium=mainTopNav Describe the bu...
msftedad
Hi Team, Any update on this issue?
GJS Helper
The issue you've reported highlights a common accessibility challenge in web builders that rely heavily on drag-and-drop interactions. GrapesJS, by default, implements its block and component manipulation primarily through mouse/touch-base...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrom v140.0.7307.0 (canary) Reproducible demo link https://jsfiddle.net/y3gr69s4/ Describe the bug How to reproduce the bug? Create editor instance with parser.optionsHtml.keepEmptyTextNodes option set true. Load HTML cod...
GJS Helper
You've accurately identified a discrepancy in how the keepEmptyTextNodes option is handled in GrapesJS, leading to newlines being stripped from your HTML output. This is indeed a bug related to the parser's configuration and its TypeScript...