Make WordPress Core

Opened 4 years ago

Closed 4 years ago

#55626 closed defect (bug) (reported-upstream)

Full Site Editing - Typography : Active font size bug

Reported by: igorradovanov Owned by:
Priority: normal Milestone:
Component: General Version: 5.9
Severity: trivial Keywords:
Cc: Focuses: ui, accessibility, css

Description

There is a minor CSS bug caused by the dynamic width set on the Font size button within the Typography -> Styles section.

How to replicate the issue?

Go to Styles -> Typography -> Text, change the Appearance from the dropdown, and the active font size will jump on the screen from right to left and back.

Before suggested fix: https://www.dropbox.com/s/5pwvsbn73askodt/Animation.gif?dl=0

How to fix the issue?

Switch from percentage width to fixed-width (like vw or px) resolves the issue.

After the suggested fix: https://www.dropbox.com/s/dgfjut05t7wq95i/Animation-2.gif?dl=0

I'm happy to push the patch.

Change History (1)

#1 @costdev
4 years ago

  • Milestone Awaiting Review
  • Resolutionreported-upstream
  • Status newclosed
  • Version trunk5.9

Hi @igorradovanov, thanks for opening this ticket!

I was able to reproduce this. I have opened an issue on the Gutenberg repository. Let's continue the discussion over there to keep things focused and I'll close this ticket as reported-upstream.

If you'd like to submit a patch for this, please open a PR on the Gutenberg repository and link it to the above issue.

Note: See TracTickets for help on using tickets.