<div dir="ltr">This is interesting. Our navigation bar dropmenu open on click and they don't close until you click outside them<div><br></div><div><a href="https://rawgit.com/andresgalante/patternfly/master/tests/navbar.html#">https://rawgit.com/andresgalante/patternfly/master/tests/navbar.html#</a><br></div><div><br></div><div>However submenus opens on hover and we could use the error-tolerance.</div><div><br></div><div>If anyone has a real use case for this I can generate a simple js snippet to test it.</div><div><br></div><div><br></div><div><br></div></div><div class="gmail_extra"><br><div class="gmail_quote">On Thu, Jul 2, 2015 at 1:23 PM, Ron Smeral <span dir="ltr"><<a href="mailto:rsmeral@redhat.com" target="_blank">rsmeral@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex">Hi all,<br>
<br>
I've recently stumbled upon this UX improvement of nested dropdowns: introduce tolerance to opening of nested dropdowns. E.g. Google Chrome (using delay) or Amazon (using clever maths) implement this.<br>
<br>
Best explained visually, e.g. here:<br>
<a href="https://css-tricks.com/dropdown-menus-with-more-forgiving-mouse-movement-paths/" rel="noreferrer" target="_blank">https://css-tricks.com/dropdown-menus-with-more-forgiving-mouse-movement-paths/</a><br>
<br>
Or in words:<br>
Traditionally (without tolerance), to select an item in a nested dropdown, the user needs to go through a narrow single-item-wide corridor to arrive at the first item of the nested dropdown and then select another item in there - rectangular path, two movements.<br>
With tolerance, the user can make a direct path between the current item and a nested item, even crossing other main dropdown items, which in the traditional model, would hide the nested dropdown.<br>
<br>
Formally, this improvement follows the Fitt's law by decreasing the distance and increasing the target size.<br>
<br>
Do you think it would make sense to suggest this as part of the guidelines?<br>
<br>
<br>
Thanks.<br>
<span class="HOEnZb"><font color="#888888"><br>
Ron<br>
<br>
--<br>
Ron Smeral<br>
Technical Writer, FeedHenry<br>
Red Hat<br>
Brno<br>
<br>
_______________________________________________<br>
Patternfly mailing list<br>
<a href="mailto:Patternfly@redhat.com">Patternfly@redhat.com</a><br>
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman/listinfo/patternfly</a><br>
</font></span></blockquote></div><br></div>