BUG: Rich text editor very big icons in Firefox
Question
GrapesJS version
- I confirm to use the latest version of GrapesJS
What browser are you using?
Firefox 95.0.2 (64-bit)
Reproducible demo link
https://grapesjs.com/demo.html
Describe the bug
How to reproduce the bug?
- Use Firefox 95.0.2 (64-bit) to open https://grapesjs.com/demo.html
- Double click on some text (like "Build your templates without coding")
What is the expected behavior? Rich text editor is shown with normal button sizes
What is the current behavior? Rich text editor is shown with very big buttons
This is how it looks like:
If is necessary to execute some code in order to reproduce the bug, paste it here below:
// your code here
Code of Conduct
- I agree to follow this project's Code of Conduct
Answers (1)
It looks like if I delete the <svg> elements which are part of the toolbar HTML, the vertical size becomes OK. These are the <svg> elements that cause the big height:
This is how the rich text editor looks like when I delete them from HTML:
Adding width="24" height="24" to the <svg> elements (to somehow match the viewBox) resizes them like this:
Related Questions and Answers
Continue research with similar issue discussions.
Issue #5729
BUG: editing/replacing the text inside of a link
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome v122 Reproducible demo link https:/...
Issue #4195
BUG: Text disappears if pasted for a second time in text block
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Chrome 99 Reproducible demo link https://g...
Issue #4094
BUG: When drag and drop block into editor in Chrome, not able to drag and drop block
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? Version 97.0.4692.71 (Official Build) (64-...
Issue #3947
BUG: selection box not clickable in editor
GrapesJS version[X] I confirm to use the latest version of GrapesJSWhat browser are you using? Firefox 94.0.1Reproducible demo link https:/...
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.