Context Navigation

← Previous Ticket
Next Ticket →

#61770 new defect (bug)

Twenty Nineteen: Preformatted block font size is not same in editor

Reported by:	viralsampat	Owned by:
Milestone:	Future Release	Priority:	normal
Severity:	normal	Version:	5.0
Component:	Bundled Theme	Keywords:	needs-patch
Focuses:	css	Cc:

Description

Hello,

I have reviewed the "Preformatted block" and found that its font-size is not same in editor & front-end sides. I have checked this twenty-nineteen theme.

I think that it should be same on both editor & front-end sides.

Also, I have found same issue for other themes and posted it. #60993

Here, I have attached its screenshots.

Environment info:

WordPress version: WordPress 6.6.1 running,
Themes: Twenty Nineteen Version: 2.9
Browser: Google Chrome, Version 126.0.6478.183 (Official Build) (arm64)
Device: MacBook Air M1
OS: macOS 14.5 (23F79)
Gutenberg plugin: Version Version 18.8.0

Thanks,

Attachments (7)

Screenshot 2024-07-26 at 1.03.14 PM.png (523.9 KB) - added by viralsampat 8 weeks ago.: Back-end
Screenshot 2024-07-26 at 1.11.31 PM.png (384.5 KB) - added by viralsampat 8 weeks ago.: Front-end
SCR-20240727-jald.png (355.4 KB) - added by karmatosed 8 weeks ago.
SCR-20240727-japb.png (416.6 KB) - added by karmatosed 8 weeks ago.
61770.patch (1012 bytes) - added by viralsampat 7 weeks ago.: I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.
after-resolve-twenty-nineteen-pre-block-editor.png (234.4 KB) - added by viralsampat 7 weeks ago.: Back-end
after-resolve-twenty-nineteen-pre-block-front-end.png (215.7 KB) - added by viralsampat 7 weeks ago.: Front-end

Change History (12)

@viralsampat
8 weeks ago

Attachment Screenshot 2024-07-26 at 1.03.14 PM.png added

Back-end

@viralsampat
8 weeks ago

Attachment Screenshot 2024-07-26 at 1.11.31 PM.png added

Front-end

#1 @sabernhardt
8 weeks ago

Component changed from General to Bundled Theme
Summary changed from The Preformatted block font size is not same on editor & front-end side for twenty nineteen theme. to Twenty Nineteen: Preformatted block font size is not same in editor

#2 @sabernhardt
8 weeks ago

Keywords has-patch dev-feedback needs-testing removed

#3 @karmatosed
8 weeks ago

Keywords needs-patch added

I can confirm that this is the case in Twenty Nineteen. It is 22px in the editor but uses em on the front end. I would like to see a solution similar to the one I recommended in the other ticket of unifying using 1em or no declaration.