New issue
Advanced search Search tips

Issue 833697 link

Starred by 1 user

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug



Sign in to add a comment

<code> elements have an improper font-size when using rem for sizing

Reported by aperli...@sixfivelabs.com, Apr 17 2018

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.181 Safari/537.36

Steps to reproduce the problem:
1. Set a font-size on html to a percentage (e.g. 62.5%)
2. Set a font-size on body to rem (e.g. 1.6rem)
3. Add some <code> elements to a paragraph or other normal block-level element

What is the expected behavior?
The text in the <code> should be sized the same as the paragraph text

What went wrong?
The text in the <code> elements are smaller. See attached screenshot comparing chrome with firefox.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 65.0.3325.181  Channel: stable
OS Version: OS X 10.12.6
Flash Version: 

Safari also has this problem.
 
index.html
510 bytes View Download
chrome-code-bug.png
72.5 KB View Download
Labels: Needs-Triage-M65
Labels: Triaged-ET M-68 FoundIn-68 Target-68 OS-Linux OS-Windows
Status: Untriaged (was: Unconfirmed)
Able to reproduce the issue on Mac 10.13.3, Win-10 and Ubuntu 14.04 using chrome reported version #65.0.3325.181 and latest canary #68.0.3397.0.
This is a non-regression issue as it is observed from M60 old builds. 

Hence, marking it as untriaged to get more inputs from dev team.

Thanks...!!

Comment 3 by e...@chromium.org, Apr 19 2018

Cc: futhark@chromium.org
Status: Available (was: Untriaged)
Cc: drott@chromium.org
FontBuilder::CheckForGenericFamilyChange() seems to do some magic to monospace font size. Note that em sizes have similar behavior in Firefox.

Sign in to add a comment