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

[juhise]

If the font size is set to 90 px 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.

Steps to reproduce

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

It breaks the layout

Let me know if this also should be reported on Gutenberg Repo.

[costdev]

Hi @juhise, thanks for this report!

If you could report this on the Gutenberg repository that would be great! In general, all Blocks/Block Editor/Site Editor issues should be reported on the Gutenberg repository, then the fixes can be brought WordPress Core.

Also, a note for your report: This also occurs on WordPress 5.9.0, with or without the Gutenberg plugin installed.

Can you drop a link to the Gutenberg issue here once it's created and we'll close this ticket as reported-upstream? Thanks!

[juhise]

@costdev
Thanks for your prompt response.

Added here ​https://github.com/WordPress/gutenberg/issues/41233

[costdev]

Thanks for opening the issue and dropping the link here @juhise!

Closing as reported-upstream.