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

Status: NEW

(Core :: Layout: Text and Fonts, defect)

Description

[Mike]

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

Comment 1

[Paul Oiegas [:poiegas], PM for (Ecosystem QA, Services QA, WebCompat QA, Hubs QA teams)]

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.