Editing text in Safari doesn't work
mmm seems like the draggable (introduced in https://github.com/artf/grapesjs/releases/tag/v0.15.3 with the draggableComponents option) and contendeditable are not working great together in Safari For now, I can only suggest disabling draggableComponents, btw thanks for the report
Read full answer below ↓Question
When you open the demo page in Safari, you cannot edit the text.
Answers (3)
mmm seems like the draggable (introduced in https://github.com/artf/grapesjs/releases/tag/v0.15.3 with the draggableComponents option) and contendeditable are not working great together in Safari
For now, I can only suggest disabling draggableComponents, btw thanks for the report
Hi, the same problem with Firefox and Edge last version. Thank's
mmm seems like the draggable (introduced in https://github.com/artf/grapesjs/releases/tag/v0.15.3 with the draggableComponents option) and contendeditable are not working great together in Safari
For now, I can only suggest disabling draggableComponents, btw thanks for the report
How can I disable the draggableComponents? Thanks for your help.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #4503
Missing inline styles used by CKEditor when adding raw html components
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chromium v96 Reproducible demo link https:...
Issue #6086
Cannot read properties of undefined (reading 'lastComponent') & resizable feature not work
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Edge v128Reproducible demo linkshttps://code...
Issue #1434
Toolbar Hide text element
@artf Please check you demo page text is hiding under the toolbar. how can we update the toolbar position?
Issue #2209
Editing text not working in Safari
When you open the demo page in Safari, you cannot edit the text.
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.