search

WordPress / gutenberg

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

Font picker not reflecting correct size with custom font sizes #67283

Open mikemcalister opened 5 days ago

mikemcalister commented 5 days ago

Description

When a theme has several custom font sizes declared in theme.json, the global styles UI does not show the right label for the assigned font sizes. When you cycle through the H1-H6 selector, it shows random font sizes in the select label. See video below.

The issue does not affect a theme like 2025 which has the standard S, M, L, XL, XXL font size pattern. But when more font sizes are added to 2025, the issue does show.

Step-by-step reproduction instructions

  1. Add several custom font sizes to theme.json (more than 5).
  2. Go to Global Styles > Typography > Headings.
  3. Toggle back and forth between the H1-H6 selectors and note the label in the font size drop down versus the actual selection.

Screenshots, screen recording, code snippet

https://github.com/user-attachments/assets/e702d2c5-7810-42e0-ba3e-9b56fd220ab3

Environment info

WP 6.7.1

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

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

Please confirm which theme type you used for testing.

carolinan commented 5 days ago

Hi I don't follow. Are you saying that the font size that is the selected font size in the dropdown does not match the font size assigned to that heading level using theme.json elements?

carolinan commented 5 days ago

Nevermind, I had the sound off when watching the video, I understand now. Please remember that there may be contributors who are not able to see or hear the video.

SainathPoojary commented 5 days ago

Hey @mikemcalister,

Thank you for reporting this issue. I confirm that the bug exists and was able to reproduce it as described.

Environment

https://github.com/user-attachments/assets/29359854-4da7-4877-8fb6-3f016f2a95f9