Closed
Bug 1015600
Opened 10 years ago
Closed 10 years ago
Mobile Google Play menu does not work on Firefox for Android (pointerdown and pointerup events do not fire even though feature detection indicates support)
Categories
(Web Compatibility :: Mobile, defect)
Tracking
(Not tracked)
RESOLVED
WORKSFORME
People
(Reporter: rjt, Unassigned)
References
(Blocks 1 open bug, )
Details
(Keywords: reproducible, Whiteboard: [notcontactready] [js])
Attachments
(1 file)
(deleted),
image/png
|
Details |
User Agent: Mozilla/5.0 (Android; Mobile; rv:30.0) Gecko/30.0 Firefox/30.0 (Nightly/Aurora)
Build ID: 20140520115308
Steps to reproduce:
Visit http://play.google.com/
Actual results:
Page renders OK, but tapping the menu button/link doesn't do anything.
Expected results:
Site's menu should be displayed.
Comment 1•10 years ago
|
||
This is reproducible on desktop too when fetching the mobile site with the mobile UA and window resized to phone width.
https://www.gstatic.com/play/store/web/js/2854893895-jquery_js_compiled_jquery_js.js
Over to web compat
Status: UNCONFIRMED → NEW
Component: General → Mobile
Ever confirmed: true
Keywords: reproducible
Product: Firefox for Android → Tech Evangelism
Summary: New play.google.com mobile site menu doesn't work → Mobile Google Play menu does not work on Firefox for Android
Version: Firefox 30 → Trunk
Updated•10 years ago
|
Blocks: google.com
Comment 2•10 years ago
|
||
This works a bit better in Nightly for Android than in the current release: In Nightly it responds to the touch, the page goes dark, but the menu fails to slide in. Opera Classic does exactly the same thing.
Based on that, my best guess is that there is a bug in Fx that either prevents event listeners from being added or events from firing as expected, and this bug is fixed in Nightly - and a bug in the menu code that fails to apply the right styling to slide in the menu.
Comment 3•10 years ago
|
||
So, Google Play uses this approach to figure out whether to listen for "touch" or "pointer" events:
function Zt(a){this.f=v(a);this.e=jQuery("body");this.a="onpointerdown"in window;this.b="ontouchstart"in window}
The problem is that
'onpointerdown' in window
evaluates to true in current release builds even though they per http://jsfiddle.net/Kq3AH/ do NOT actually fire pointer events. That's a pretty stupid bug, because Google's code makes sense - feature detection and defaulting to the "most W3C-standardised" API, the one that's supposed to guarantee most interoperability across devices and input types.
Current nightly builds on Android do fire pointerdown and pointerup events, which is why the menu almost works there.
Summary: Mobile Google Play menu does not work on Firefox for Android → Mobile Google Play menu does not work on Firefox for Android (pointerdown and pointerup events do not fire even though feature detection indicates support)
Comment 4•10 years ago
|
||
We have the same bug on Desktop, BTW - this version also shows what the feature detection says: http://jsfiddle.net/Kq3AH/1/
Comment 5•10 years ago
|
||
Missing piece of the puzzle is in https://www.gstatic.com/play/store/web/css/3598201214-lowlife_css_ltr.css - look at the -webkit-transform in the .nav-open declaration:
body.phone-optimized.nav-open #wrapper {
-webkit-transform: translate3d(260px,0,0);
position: fixed
}
Comment 6•10 years ago
|
||
Adding [notcontactready] until we get bug 1017086 sorted out.
Whiteboard: [notcontactready]
Comment 7•10 years ago
|
||
Seems to be a whole lot more broken today when viewing the site in Fennec Nightly (5/29).
Their top header is cut-off, content is not formatted to correct width, attempts to open the menu spawn a black transparent overlay that is broken.
A whole lot busted across the board.
Comment 8•10 years ago
|
||
(In reply to Aaron Train [:aaronmt] from comment #7)
> Their top header is cut-off, content is not formatted to correct width,
There are some built-in promotions for various apps that are suddenly way wider in Nightly. Maybe UA sniffing that trips over the version number?
> attempts to open the menu spawn a black transparent overlay that is broken.
That's progress, actually - means pointer events are now firing in Nightly and the only missing part to get the menu working is to fix the CSS per comment #5.
Comment 9•10 years ago
|
||
This seems improved this week. The menu animation is still incredibly janky, I wonder why?
Comment 10•10 years ago
|
||
The issues are a bit random. Sometimes touching the menu is working. Sometimes it's not.
Whiteboard: [notcontactready] → [notcontactready] [js]
Comment 11•10 years ago
|
||
The CSS this bug was about seems fixed now. I see the performance leaves something to be desired - quite possibly we should report another bug on slow CSS animations on play.google.com
Status: NEW → RESOLVED
Closed: 10 years ago
Resolution: --- → WORKSFORME
Assignee | ||
Updated•6 years ago
|
Product: Tech Evangelism → Web Compatibility
You need to log in
before you can comment on or make changes to this bug.
Description
•