Page MenuHomePhabricator

Zooming will hide reference div on Firefox Mobile
Closed, ResolvedPublic

Description

Author: michael.l.comella

Description:
This was originally submitted to the Mobile Firefox devs but it was considered to be acting as expected. Here is an excerpt from Mozilla's bug tracker:


Michael Comella:

  1. Open Firefox for Android (preferably 14 - 15, standard - aurora, due to bug 773427).
  2. Click the URL bar and navigate to http://en.m.wikipedia.org/wiki/Real+. Make sure you are not redirected to the desktop site.
  3. Scroll to the first reference link (appears as "[1]", in a blue clickable link).
  4. Zoom in to the page (two finger pinch out), keeping the reference link on the screen.
  5. Click the link.

Expected: The reference div slides into place at the bottom of the screen.
Actual: Nothing happens.

It seems the div draws in the unzoomed viewport – if you zoom into very slightly, it will be cut off. See the attached photo.


Chris Lord:
(In reply to Kartikaya Gupta (:kats) from comment #3)

The div is position:absolute, I don't know what our code is supposed to be
doing in this case. CC'ing Cwiiis who knows about this stuff :)

As this is position:absolute, this is expected - absolutely positioned divs layout with respect to absolute page coordinates. If it was position:fixed with bottom:0 and width: 100%, this is more likely to do what I imagine is expected.

As it is, I guess this is invalid? (i.e. no bug here)


See Mozilla's bug tracker for more comments & information: (https://bugzilla.mozilla.org/show_bug.cgi?id=773436)


Version: unspecified
Severity: enhancement

Details

Reference
bz38647

Event Timeline

bzimport raised the priority of this task from to Low.Nov 22 2014, 12:59 AM
bzimport set Reference to bz38647.
bzimport added a subscriber: Unknown Object (MLST).

We should add support for position fixed for Firefox for Android 19 which supports position fixed [1] (we currently use position absolute which doesn't seem to be working on zoom)

I'm not sure the value in fixing this problem for older Firefox Android versions.

An alternative would be to attempt to disable the viewport on Firefox to prevent zooming but I think that's an accessibility nightmare.

[1] http://caniuse.com/css-fixed

Firefox now uses position fixed so this shouldn't be a problem anymore.