GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome (versions 142-144), Safari (versions 16.3, 26.1), Maybe others too Reproducible demo link https://jsfiddle.net/saeedhbi/tqfe7p04/ Describe the bug How to reproduce the bug? Initialize a GrapeJS editor (v0.22.11 or v...
GJS Helper
The TypeError: Cannot read properties of null (reading 'hasFocus') in the GrapesJS Canvas module is a known issue stemming from a race condition. It occurs when keyboard commands (like Ctrl+Z, Delete) attempt to call editor.Canvas.hasFocus...
GrapesJS version 0.22.14 (latest release as of 2025-11-20) What's the expected behavior? No deprecated dependencies in the GrapesJS install tree (or guidance/roadmap on replacing them). What's the current behavior? Installing [email protected] emits an npm/pnpm deprecation warning because it depends on backbone-undo@0....
GJS Helper
The deprecation warning for [email protected] when installing GrapesJS is a valid concern regarding dependency maintenance. Let's break down the situation and what it means for GrapesJS users. Root Cause: Deprecated Dependency GrapesJS c...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Brave Reproducible demo link na Describe the bug How to reproduce the bug? Try adding a YouTube video to a landing page and find out. What is the expected behavior? YouTube video renders and is playable What is the current...
GJS Helper
This is indeed a valid bug report. YouTube has updated its embedding requirements, and without the referrerpolicy="strict-origin-when-cross-origin" attribute on the iframe, videos may fail to play, displaying an error or requiring users to...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 143.0.7499.41 Reproducible demo link https://jsfiddle.net/mghzw41k/2/ Describe the bug On preview mode, anchor links with hash navigation (e.g., href="#section") don't work. The default browser navigation behavior i...
doudou673
I encountered the same problem.
GJS Helper
The issue you're experiencing with anchor links (hash navigation) not working in GrapesJS preview mode is a common behavior stemming from how GrapesJS handles interactions within its canvas. In editing mode, GrapesJS intercepts click event...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Edge (Version 143.0.3650.46), Chrome (Version 143.0.7499.41) Reproducible demo link https://grapesjs.com/demo Describe the bug Test Environment: OS: Windows 11 version 25H2 (OS Build 26220.7271) Browser: Edge (Version 143....
msftedad
Hi Team, Any update on this issue?
GJS Helper
This is a valid accessibility concern. The GrapesJS editor's canvas is rendered within an <iframe> element. For screen readers to properly identify and announce the purpose of this iframe, it needs an accessible name, typically provided by...
GrapesJS version [x] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 142.0.7444.61 Reproducible demo link https://codepen.io/DavidHarvey-the-lessful/pen/ZYWeMbG Describe the bug Component droppable status is ignored when moving a textable component into a text component. How to repro...
The issue you've encountered where droppable: false on a GrapesJS text component is ignored when a textable component is dragged into it is a known behavior stemming from how GrapesJS integrates its Rich Text Editor (RTE) and handles texta...
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? 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...
Feature Description Add support for dark mode in the editor interface. Motivation Reduce eye strain during night-time development Match modern UI/UX standards Support system-level dark mode preferences Proposed Implementation Add dark mode color palette Create theme switching mechanism Persist user preference Add syst...
artf
same as here
GJS Helper
Adding dark mode support to GrapesJS involves a combination of CSS theming, JavaScript for theme switching and persistence, and integrating with system preferences. While GrapesJS doesn't have a built-in dark mode toggle, its modular natur...