743083 - touch.facebook.com Chrome Bar Overlaps Photo and Check-In Button on Fennec Native Nightly

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Jason Smith [:jsmith]]

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

Comment 1

[Jason Smith [:jsmith]]

Attachment: Incorrect Table Layout Chrome Bar

Comment 2

[Jason Smith [:jsmith]]

Attachment: Facebook Chrome Bar HTML Source

Comment 3

[Aaron Train [:aaronmt]]

Chrome w/ WebKit 536.6 (@113237), exposes this exact issue too. It might be a width or display:block issue?

Comment 4

[Aaron Train [:aaronmt]]

(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

Comment 5

[Jason Smith [:jsmith]]

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?

Comment 6

[Scott Johnson (:jwir3)]

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?

Comment 7

[Jason Smith [:jsmith]]

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.

Comment 8

[Aaron Train [:aaronmt]]

Attachment: 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.

Comment 9

[Jason Smith [:jsmith]]

Looks like this is fixed now.