555230 - Fix and Reapply Navigation Dropdown Menus

Status: RESOLVED WONTFIX

(Socorro :: General, task)

Description

[Ryan Snyder [:ryansnyder] [:rsnyder] [:rysny]]

Per Chowse:

Several people have complained about the drop-downs on the Product Nav bar.
Namely, it's way too easy for the mouse to stray into that space and cause the
drop-down to block access to the Version/Report bars. This inconvenience seems
to outweigh the benefit of selecting a product+version for most devs I've
spoken with.

So, I think it might be best to simply remove the drop-down (and the down-arrow
beside each product) in CSS for now. When time permits, we could experiment
with adding a delay on displaying the menu (though I'm not entirely convinced
this would fix the issue).

==

I removed the navigation dropdowns (and the arrow beside each product name) in 1.6.  All of the code still exists in application/views/layout.php and is commented out for the time being.

Comment 1

[Chris Howse [:chowse]]

Possible fix:
http://people.mozilla.org/~chowse/drop/socorro/nav/v1/vis/style.html

Using the HoverIntent plugin (http://plugins.jquery.com/project/hoverIntent), you can delay showing the drop-down unless the mouse stops or slows down over the menu. I added a 200ms hover delay on the menus, and it seems to avoid the common mouse slips.

Comment 2

[Laura Thomson :laura]

chowse, do you have an update on this?

Comment 3

[Chris Howse [:chowse]]

(In reply to comment #2)
> chowse, do you have an update on this?

I think the change described in comment 1 should fix the problem. The parameters might need to be tweaked (i.e. how much delay is needed), but I'm happy with the solution you'll currently find at http://people.mozilla.org/~chowse/drop/socorro/nav/v1/vis/style.html .

Ryan, whenever you're ready to implement, I can walk you through the changes (a few CSS changes and some new Javascript).

Comment 4

[Chris Howse [:chowse]]

Bug 545951 eliminates the Product nav bar, rendering this obsolete.