1144461 - Reserve America site main content does not load FxAndroid

Status: RESOLVED FIXED

(Web Compatibility :: Site Reports, defect)

Description

[Kevin Brosnan [Ex-Mozilla]]

Loading the site fails to render the main body of the page. Reproducible on Firefox for Android and desktop Firefox with a Firefox for Android user agent. I wonder if this is similar to the futureshop.ca bug?

Comment 1

[Kevin Brosnan [Ex-Mozilla]]

Found on the support forums, https://support.mozilla.org/en-US/questions/1052638

Comment 2

[Mike Taylor [:miketaylr]]

This one is a little different than futureshop.ca. It's somehow a CSS issue (haven't figured it out quite yet). If you load it on Desktop with a mobile UA and move the viewport between wide and narrow you can see the content is pushed to the right of the visible viewport.

Comment 3

[Mike Taylor [:miketaylr]]

STR: 

1) Load http://www.reserveamerica.com/unifSearch.do in Firefox Desktop
2) Open devtools and adjust the viewport to trigger the @media (max-width: 767px) breakpoint

Expected: search widget is visible
Actual: it's hidden off viewport. Inspect the page using devtools and find the '#pagearea table'.

Daniel, if I manually add display: inline-table to the table here, it pops into place (which is how Chrome displays it). Do you have any sense if this is a known issue? Chrome, Opera Presto and Safari show the widget as expected.

Comment 4

[Daniel Holbert [:dholbert]]

I'd bet this is the same issue as bug 1073574. (Note that the reduced testcase over there renders correctly if I give its table 'display:inline-table'.)

Comment 5

[Mike Taylor [:miketaylr]]

Thanks Daniel.

Comment 6

[Daniel Holbert [:dholbert]]

In the meantime, if we want to reach out with a workaround, we could suggest that they add style="clear:left" to this table.

That'll explicitly request the behavior that *should* be falling out naturally here [but isn't] -- it requests that the table wrap below any floats that intersect it. (including the float that's pushing it offscreen in this case.)

Comment 7

[Mike Taylor [:miketaylr]]

Thanks, I'll set this to contactready in case they're willing to add the workaround.

Comment 8

[j.j.]

Is this fixed now (by bug 478834) ?

Comment 9

[Mike Taylor [:miketaylr]]

The search form is now displayed. Cool.

Comment 10

[Daniel Holbert [:dholbert]]

(In reply to j.j. from comment #8)
> Is this fixed now (by bug 478834) ?

I can't repro in Firefox Beta (version 40) BTW. (On oneplus one Android phone)

So they may have worked around this on the site.