Steps: 1. Go to touch.facebook.com on fennec native 2. Login with a valid account Expected: The top chrome bar should render status, photo, and check-in equally separated from one another. Actual: See screenshot. Photo and Check-in buttons appear to be overlapping one another. This does not happen on webkit-based browsers with the same site. Additional Notes: Source code for that area is attached. For testing this, note that you cannot rely on changing the user agent on facebook, as facebook dynamically generates CSS based on the user agent to minimize dead code. CSS File Reference: https://s-static.ak.fbcdn.net/rsrc.php/v1/yr/r/D4PKpv2U8lb.css
Chrome w/ WebKit 536.6 (@113237), exposes this exact issue too. It might be a width or display:block issue?
(In reply to Aaron Train [:aaronmt] from comment #3) > Chrome w/ WebKit 536.6 (@113237), exposes this exact issue too. It might be > a width or display:block issue? And that is with the current Fennec UA: Mozilla/5.0 (Android; Mobile; rv:14.0) Gecko/14.0 Firefox/14.0a1
Jason: Can you tell me if you have font inflation enabled for fennec native? Navigate to about:config, search for 'inflation', and let us know what the values are for font.size.inflation.minTwips and font.size.inflation.emPerLine. If you change them both to 0, does the problem resolve?
Values: font.size.inflation.emPerLine: 0 font.size.inflation.minTwips: 120 Changing both to zero, I end up still seeing the same behavior specified in this bug.
Created attachment 613279 [details] Chromium v20 w/ Fennec Nightly UA - Screenshot (In reply to Jason Smith from comment #5) > Aaron - Just checked on my Galaxy Nexus for Chrome on Android - I'm not > getting a reproduction of this bug. What device are you using in comment 3 > and comment 4? Are you changing the user agent on Chrome for Android? This was on Desktop (Chromium) using the current Mozilla Fennec UA in Nightly; see attached screenshot.
Looks like this is fixed now.