Baseline position slightly too high when fitting 9px line height into 14px box
Reported by
cont...@benfrain.com,
Jun 23 2016
|
|||||||||||||||||
Issue descriptionExample URL: http://codepen.io/benfrain/pen/OXbemZ Steps to reproduce the problem: 1. Open URL 2. Witness the text alignment places text glyphs too high 3. What is the expected behavior? text alignment should be vertically centred What went wrong? The text glyphs are placed too high within the containing element Does it occur on multiple sites: Yes Is it a problem with a plugin? No Did this work before? N/A Does this work in other browsers? Yes Chrome version: 46.0.2490.76 Channel: stable OS Version: 6.0.1 Flash Version:
,
Jun 24 2016
,
Jun 24 2016
Hi, tried with the latest 51.0.2704.81 and the problem persists. I had wondered if it could be related to the bounding box of glyphs in different fonts (e.g. something specific to verdana). However, I have updated the link with another box which uses verdana instead and it still renders the text 'off'. Presume this is to do with half-pixels being rounded in the wrong area?
,
Jun 25 2016
Thank you for providing more feedback. Adding requester "rsgavara@chromium.org" for another review and adding "Needs-Review" label for tracking. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jun 27 2016
,
Jun 27 2016
Our rendering (at least on linux) is identical with firefox. Could you provide a screenshot showing the behavior you consider to be correct and incorrect? Thanks!
,
Jun 28 2016
Here is a grab from Nexus 5: Android v5 with Chrome running 40.0.2214.89 (filename chrome_40_A510.jpeg) Also a grab from Samsung Galaxy: Android 4.4.2 with Chrome running 51.0.2704.81 (filename chrome_51_A442.jpeg Also a grab from iPhone 6S: iOS9 running Safari (filename safari_ios9.png) And finally a grab from Mac running desktop Chrome Version 51.0.2704.103 (filename chrome_51_desktop.png) To be clear, both iOS and desktop Chrome render correctly, there is an equal distribution of space at the top and bottom of the glyph. Both Android screenshots render incorrectly, with either too much space above or below the glyphs. Remember, top glyph is system default font, second is verdana.
,
Jun 28 2016
Thank you for providing more feedback. Adding requester "eae@chromium.org" for another review and adding "Needs-Review" label for tracking. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jul 6 2016
Over to Android team for further triage.
,
Jul 12 2016
,
Aug 5 2016
Is there any way of tracking this in Android team land?
,
Sep 27 2016
Sorry, I'm not sure how this ended up in my hands. I don't really work on fonts. Maybe someone from the layout team has a better idea?
,
Sep 30 2016
Hi, So is someone looking at this now? Is there any place other than here I can check progress? Thanks, Ben
,
Oct 3 2016
Reproducible on 53 on Android, the baseline position seems to be off by just a little, possible font metrics or flexbox issue.
,
Oct 3 2016
Just to chime in and say it happens regardless of the display mechanism used (e.g. inline-block/flex/inline-flex) and therefore seems more likely to be related to font metrics rather than flexbox.
,
Oct 3 2016
,
Oct 3 2016
,
Oct 4 2017
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue. Sorry for the inconvenience if the bug really should have been left as Available. If you change it back, also remove the "Hotlist-Recharge-Cold" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Oct 6 2017
,
Oct 8
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue. Sorry for the inconvenience if the bug really should have been left as Available. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Oct 8
+kojii Let's try to make sure we fix this in NG.
,
Oct 9
This is by design unfortunately, due to the way CSS defines the baseline poitision, how each browser computes font metrics, and how fonts are built. I'm discussing with W3C to make what you want possible. The discussion is slow but I think it started making progress recently. Thank you for your patience. |
|||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||
Comment 1 by rsgav...@chromium.org
, Jun 23 2016