683209 - [Responsive Design] Navigation, Create reliable fallback for tablet users

Status: RESOLVED FIXED

(www.mozilla.org :: General, defect)

Description

[mcbmoz]

Hey Jason,

If time permits in Q3 could you experiment with the main navigation on mozilla.org/firefox and create a reliable fallback for tablet users that triggers feedback on clicks. 

The goal is to improve the Firefox website for users on all devices and advance towards a site that's more responsive to mobile. Ideally, if implemented we would start to send tablet users to /firefox experience v. /m experience.

Hooray!

-CB

Comment 1

[mcbmoz]

Hey Steven,

Would you guy like to take this bug and give it a try?

~cb

Comment 2

[mcbmoz]

Reassigning to Steven.

Would be great to give this a try when you have time, let me know.

Comment 3

[Michael Gauthier [:gauthierm]]

As of r95499 this should be working.

One regression was required to make things work on iOS: the CSS-only menu implementation is no more. The :hover selectors in the CSS were causing other menu items to be selected on iOS when mixed with the JS.

Touch events are not used in this implementation because adding a touch event handler in iOS caused the menu to flash several times when it opened (even if the handler was empty).

Touch support is detected and used to prevent the default click action on top-level menu items so the menu works on Android devices.

Please QA.

Comment 4

[Steven Garrity [:sgarrity]]

Chrissie, given this change, we should be able to keep tablet users on the main site, rather than redirect them to the mobile website. Do you want to file another bug for that?

This does bring up some other issues though - given that the main website pushes desktop downloads and tablets need to get Firefox from the Android Market.

Comment 5

[mcbmoz]

(In reply to Steven Garrity from comment #4)
> Chrissie, given this change, we should be able to keep tablet users on the
> main site, rather than redirect them to the mobile website. Do you want to
> file another bug for that?
> 
> This does bring up some other issues though - given that the main website
> pushes desktop downloads and tablets need to get Firefox from the Android
> Market.

Simply awesome! Bug 689987 added to send tablet users to full site.

Comment 6

[raymond [:retornam] (inactive)]

qa-verified-trunk  http://www-dev.allizo.org/en-US/m/

Comment 7

[James Long (:jlongster)]

pushed to production r95521