Text is not correctly centered. Difference on OSX Yosemite Firefox vs Windows Firefox




Layout: Text
3 years ago
2 years ago


(Reporter: Mike, Unassigned)


40 Branch

Firefox Tracking Flags

(Not tracked)




3 years ago
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/45.0.2454.85 Safari/537.36

Steps to reproduce:

Mac OSX Yosemite Firefox 40.0.3

Text is vertically centered 2px too high using margin-top: https://jsfiddle.net/yeuv3nkg/4/

Text is vertically centered 1px too high using flexbox: http://jsfiddle.net/yeuv3nkg/5/

Actual results:

In windows firefox, IE, and chrome, and Mac Chrome, the text is correctly vertically centered in the examples above.

In Mac OSX Yosemite Firefox only, the text is not correctly vertically centered.

Expected results:

Text should be vertically centered correctly in both cases


3 years ago
OS: Unspecified → Mac OS X
Managed to reproduce this issue on Mac OS 10.0 on latest nightly but could not reproduce it on latest release (42.0) and could not reproduce it on 40.0.3, the version Mike mentioned.

Mac OS Nightly build 45.0a1 - 20151117030242
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.10; rv:45.0) Gecko/20100101 Firefox/45.0

Also verified this on Windows 7 x64 and reproduced it on latest nightly but could not reproduce it on latest release, and could not reproduce it on Chrome.

Windows Nightly build 45.0.a1 - 20151116030208
User Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:45.0) Gecko/20100101 Firefox/45.0

Updating issue component and status.
Component: Untriaged → Layout: Text
Ever confirmed: true
OS: Mac OS X → All
Product: Firefox → Core
Hardware: Unspecified → All
You need to log in before you can comment on or make changes to this bug.