Bug 114449 – vertical-align: text-bottom allocates 1 pixel below element in container

• Status: RESOLVED
• Resolution: CONFIGURATION CHANGED
• Component: CSS

[Stuart P. Bentley]

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.

[Stuart P. Bentley]

Created attachment 197628 [details]
Actual behavior screenshot

[Stuart P. Bentley]

Created attachment 197629 [details]
Expected behavior screenshot

[Stuart P. Bentley]

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]

FWIW, I marked the corresponding Gecko bug INVALID in:
https://bugzilla.mozilla.org/show_bug.cgi?id=1323317#c2

[Brent Fulgham]

Safari and Chrome handle this case properly. Firefox does not.