Bug 114449

Summary: vertical-align: text-bottom allocates 1 pixel below element in container
Product: WebKit Reporter: Stuart P. Bentley <stuart>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: bfulgham, dbaron
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Test case
none
Actual behavior screenshot
none
Expected behavior screenshot none

Stuart P. Bentley
Reported 2013-04-11 09:34:46 PDT
Created attachment 197626 [details] Test case Expected behavior: using vertical-align: text-bottom works like vertical-align: bottom, in that it doesn't calculate additional space beneath the element. Actual behavior: vertical-align: text-bottom results in one additional pixel of height in the element's container. See the attached test case. The red one-pixel gap between the top and bottom square should not be present.
Attachments
Test case (498 bytes, text/html)
2013-04-11 09:34 PDT, Stuart P. Bentley 		no flags
Details
Actual behavior screenshot (707 bytes, image/png)
2013-04-11 09:43 PDT, Stuart P. Bentley 		no flags
Details
Expected behavior screenshot (611 bytes, image/png)
2013-04-11 09:43 PDT, Stuart P. Bentley 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Stuart P. Bentley
Comment 1 2013-04-11 09:43:00 PDT
Created attachment 197628 [details] Actual behavior screenshot
Stuart P. Bentley
Comment 2 2013-04-11 09:43:35 PDT
Created attachment 197629 [details] Expected behavior screenshot
Stuart P. Bentley
Comment 3 2016-12-13 15:04:18 PST
This issue is also present in Blink: http://crbug.com/331018 This issue is also present in Gecko: https://bugzil.la/1323317 This issue is NOT present in Microsoft Edge. I've mirrored the test case to https://testcases.github.io/text-bottom-space/index.html along with the expected/actual screenshots: - Expected: https://testcases.github.io/text-bottom-space/expected.png - Actual: https://testcases.github.io/text-bottom-space/actual.png
L. David Baron
Comment 4 2016-12-22 15:06:24 PST
FWIW, I marked the corresponding Gecko bug INVALID in: https://bugzilla.mozilla.org/show_bug.cgi?id=1323317#c2
Brent Fulgham
Comment 5 2022-07-13 14:39:49 PDT
Safari and Chrome handle this case properly. Firefox does not.
Note You need to log in before you can comment on or make changes to this bug.