Bug 95236

Summary: Chrome not calculating height correctly when padding is in ems.
Product: WebKit Reporter: Philip Walton <philip>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal    
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Mac   
OS: OS X 10.8   
Attachments:
Description Flags
I demo showing the problem in Chrome and Chrome Canary none

Philip Walton
Reported 2012-08-28 12:53:35 PDT
My understanding is that Google Chrome recently introduced subpixel rendering. Since then I've noticed a few errors in the tabs of my site when using em values. Here's an example: http://jsfiddle.net/uU4q3/ The padding of the <a> elements uses ems, and even though the values are set to 5 decimal places, they still don't seem to be the same as their pixel equivalents. If you uncomment the line where padding is declared in pixels, you'll see the difference. The error here is that the <a> elements are overflowing the <ul> element, which shouldn't be the case since the <ul> should be getting its height from the <a> element's height. I'm seeing this issue in the current version of Google Chrome and also in Chrome Canary. I'm NOT seeing this in Safari 6. I haven't tested in WebKit nightly since it's not available on OS X 10.8.
Attachments
I demo showing the problem in Chrome and Chrome Canary (26 bytes, text/plain)
2012-08-31 18:05 PDT, Philip Walton 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Philip Walton
Comment 1 2012-08-31 18:05:52 PDT
Created attachment 161803 [details] I demo showing the problem in Chrome and Chrome Canary
Philip Walton
Comment 2 2020-01-13 18:41:53 PST
Closing this bug as obsolete.
Note You need to log in before you can comment on or make changes to this bug.