Can not edit label in Firefox browser
https://bugzilla.mozilla.org/show_bug.cgi?id=853519 Probably the easiest solution would be to force the View to use span tag instead of label
Read full answer below ↓Question
Hi,
I can not edit label in Firefox browser (v. 69.0.3). The issue occurs when I double click the component to edit it. RTE shows toolbar but changing text or attributes is unable. The web console does not show any errors. When the text is selected and I am trying to for example bold the text then in web console there is an error:
NS_ERROR_FAILURE: 4 grapes.min.js:12
value https://grapesjs.com/js/grapes.min.js?v0.15.8:12
result https://grapesjs.com/js/grapes.min.js?v0.15.8:12
<anonimowa> https://grapesjs.com/js/grapes.min.js?v0.15.8:12
After triple click text can be edited but only whole text. Can not select only part of the text or move cursor left or right to change only part of the text.
Double click issue Steps to reproduce (actual behavior):
- Put label block to the canvas,
- Double click the label to edit it,
- Cannot edit text or text attributes (bold, etc.)
Expected behavior:
- Put label block to the canvas,
- Double click the label to edit it,
- Can edit text and text attributes (bold, etc.)

Triple click issue Steps to reproduce (actual behavior):
- Put label block to the canvas,
- Triple click the label to edit it,
- Can edit text but can not edit text attributes (bold, etc.) and move cursor left or right using arrows keys
Expected behavior:
- Put label block to the canvas,
- Triple click the label to edit it,
- Can edit text, text attributes (bold, etc.) and move cursor left or right using arrows keys

Answers (2)
https://bugzilla.mozilla.org/show_bug.cgi?id=853519
Probably the easiest solution would be to force the View to use span tag instead of label
This was an interesting fix but it comes with issues...
spans != labels
when applying padding to the labels such as bootstrap labels the padding will not be applied to a span
not unless display: inline-block; is also applied to the span
Related Questions and Answers
Continue research with similar issue discussions.
Issue #6019
unable to hide rte in latest versions
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://code...
Issue #5888
Cannot edit component content even with editable property set to true
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome V124 Reproducible demo link https:/...
Issue #4383
A "." character is injected when inserting two whitespaces when editing any text component in grapesjs
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome Reproducible demo link https://grap...
Issue #4861
<br/> is adding to single line text, after entering space for the first time in firefox
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Firefox Reproducible demo link https://jsf...
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
How to Build a Production GrapesJS Editor: The Complete Walkthrough of Brief, Preset, Plugins, and Services
A complete walkthrough of building a production GrapesJS editor: how to choose a preset, pick plugins, and scope setup services without burning a sprint.
Tutorial
GrapesJS Inline RTE Plugins Update: CKEditor 5 v0.1.4 and Froala Inline Text Editor
CKEditor 5 Inline for GrapesJS v0.1.4 fixes Studio SDK toolbar clipping, iframe injection and link balloon bugs. Compare with Froala Inline — both $69.
Tutorial
Embed GrapesJS in Your SaaS: A Weekend Guide
Embed GrapesJS in your SaaS and ship a white-label page builder over a weekend. Honest tradeoffs, real code, and the plugins that close the UX gap.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.