1167417 - Location of position: fixed elements is miscalculated due to rocketbar size

Status: RESOLVED WONTFIX

(Firefox OS Graveyard :: Gaia::Browser, defect, P2)

Description

[Dan Callahan [:callahad]]

Attachment: Screenshot: the red "+" button should be 24 px from the bottom, but the rocketbar breaks that

See attached screenshot.

The rocketbar pushes the viewport down off the screen, which means that items with fixed position relative to the bottom of the viewport are positioned incorrectly.

Comment 1

[Kevin Ngo [:ngoke]]

We're also getting this issue on Marketplace while trying to implemented a fixed bottom tab navigation.

Comment 2

[David Durst [:ddurst]]

TBH, I'd even be fine with an event that could be captured so we could react to it.

Comment 3

[Sam Foster [:sfoster] (he/him)]

Tagging for systems-fe triage. I'm not 100% sure this is a bug - as any interaction with the content will collapse the rocketbar so everything will line up again. But we can discuss.

Comment 4

[Dan Callahan [:callahad]]

(In reply to Sam Foster [:sfoster] from comment #3)
> any interaction with the content will collapse the rocketbar so everything will line up again.

Except scrolling up, which re-expands the rocketbar and breaks the layout again. This breaks the layout on real-world sites like TheNextWeb, which otherwise work great in Firefox and Fennec.

Further, the decision is inconsistent with itself: we shift the page to ensure that expanding the rocketbar doesn't obscure the top of the document, but we don't provide the same affordance to the bottom of the document.

Comment 5

[Dan Callahan [:callahad]]

More succinctly: I shouldn't have to manually interact with content to unbreak a layout. Given that the same markup renders correctly in all other platforms, including our own, this looks like a bug to me. :)

Comment 6

[Kevin Ngo [:ngoke]]

STR: Open http://wubbalubbadubdub.ngokevin.com/ in 3.0 simulator or 2.5 device browser. See that the bottom navigation which has (position: fixed; bottom: 0) is cut off. When the Rocketbar is collapsed, it will look fine.

Comment 7

[David Durst [:ddurst]]

Blocking bug 1217466 so we don't lose it.

Comment 8

[BMO Automation]

Firefox OS is not being worked on