Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

BUG: Rich text editor very big icons in Firefox #4176

Closed
2 tasks done
varadero opened this issue Mar 4, 2022 · 1 comment
Closed
2 tasks done

BUG: Rich text editor very big icons in Firefox #4176

varadero opened this issue Mar 4, 2022 · 1 comment

Comments

@varadero
Copy link

varadero commented Mar 4, 2022

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?

  1. Use Firefox 95.0.2 (64-bit) to open https://grapesjs.com/demo.html
  2. 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:

image

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
@varadero
Copy link
Author

varadero commented Mar 4, 2022

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:

image

This is how the rich text editor looks like when I delete them from HTML:

image

Adding width="24" height="24" to the <svg> elements (to somehow match the viewBox) resizes them like this:

image

@artf artf closed this as completed in 745a2a8 Mar 7, 2022
@artf artf mentioned this issue Mar 25, 2022
2 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant