search

WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.3k stars 4.11k forks source link

Changing the font size to larger font size breaks the layout in sidebar settings panel #41233

Open juhi123 opened 2 years ago

juhi123 commented 2 years ago

Description

If the font size is set to 90 px or any big size and someone switches it to em or rem it breaks the layout. The font size is of course too big in em and rem but maybe we can either set the limits and can give an alert/message to enter font size is given limit to the user or doesn't reflect these changes for preview.

It also occurs with or without the Gutenberg plugin installed.

Step-by-step reproduction instructions

  1. Click on Site Editor
  2. Click on Styles
  3. Click on Typography
  4. Click on Text
  5. Use Custom Font Size
  6. Enter the font size 90 in px
  7. Now select rem

Screenshots, screen recording, code snippet

font-break-layout

Environment info

No response

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

costdev commented 2 years ago

This also occurs on WordPress 5.9.0, with or without the Gutenberg plugin installed.