Make WordPress Core

Opened 2 years ago

Closed 2 years ago

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

Full Site Editing - Typography : Active font size bug

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

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
2 years ago

  • Milestone Awaiting Review deleted
  • Resolution set to reported-upstream
  • Status changed from new to closed
  • Version changed from trunk to 5.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.