[BUG] Can not edit label in Firefox browser
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 #1219
Event component:remove false triggers
Hello. Event "component:remove" triggers when any component deselected by ckicking on other place. Browser – Firefox (autoupdated) https://...
Issue #3224
BUG: changesCount is not incremented, when changes are applied in any Text component
https://user-images.githubusercontent.com/64096863/104047608-af352b00-51c0-11eb-8261-1d7ae9277d25.mp4 The parameter "changesCount" is not i...
Issue #3579
BUG: RTE misplaced when opened right after dropping `activeOnRender` component
Version: 0.17.4 Are you able to reproduce the bug from the demo?[x] Yes[ ] No Steps to reproduce:Go to the demoDrop a "Text" block inside t...
Issue #3260
BUG: Color Picker Transparency slider is at 0 in firefox.
The color picker in grapesjs does not work the same between Chrome and Firefox. When you open the picker on a selected component that has n...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.