1205297 - Bootstrap page rendering issue on Firefox Mobile

Status: RESOLVED WORKSFORME

(Firefox for Android Graveyard :: General, defect)

Description

[chad_manookin]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:40.0) Gecko/20100101 Firefox/40.0
Build ID: 20150826023504
Firefox for Android

Steps to reproduce:

I have a div with a background image that is set to be the height of the viewport (height: 100vh), with an SVG image overlayed and centered (vertically & horizontally).

Archived version of page in question:
http://sandy.utah.gov/_Adventureweek-bug/


Actual results:

Everything works fine on the desktop version of Firefox (resizing windows or using the mobile preview), but it wants to render the full image length on Firefox mobile---well past the height of the viewport. The SVG image seems to remain centered, but that center now falls well past the visible area.

Also, peculiarly, if you select text farther down the page, the page suddenly decides to redraw and renders correctly.


Expected results:

The div with the background image should have rendered to the same height of the viewport.

Everything works fine on the desktop version of Firefox (resizing windows or using the mobile preview) and on the mobile versions of Chrome and Opera.

Comment 1

[chad_manookin]

Since this seems to be a rendering bug, I tried to stick to the expected format as closely as possible, while still providing the information necessary to explain the issue.

Comment 2

[Kevin Brosnan [Ex-Mozilla]]

This looks the same in Firefox for Android 43 and Chrome 47. I am not seeing any obviously broken behavior. Reporter if you can still reproduce this behavior in Firefox for Android please comment and we can reopen the bug.

Comment 3

[chad_manookin]

It looks like something in one of the recent upgrades (since v.40) fixed the issue I was seeing. I agree that this is resolved. Thanks