Close open menu items when user tabs out of dropdown

[DavidMacDonald]

https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation-hybrid/#mythical-page-content

When the user tabs out of the dropdown menu it is left open

when focus tab moves from bottom (last) item of a dropdown to the parent of the next group, the open dropdown should close. Same as during shift tab from the first item to the parent.

Here's some simple JS that can fix it.
https://davidmacd.com/widgets/close-menu/close-menu.html

[css-meeting-bot]

The ARIA Authoring Practices (APG) Task Force just discussed Tab behavior in disclosure navigation menu.

The full IRC log of that discussion

<jugglinmike> Topic: Tab behavior in disclosure navigation menu
<jugglinmike> github: https://github.com//issues/2866
<jugglinmike> Matt_King: The reporter thinks that when you tab out of a disclosure menu, it should close
<jugglinmike> Matt_King: This is not a menu, so I'm not sure I agree. Then again, we've made exceptions in other patterns, so I wonder if folks here agree
<jugglinmike> CoryJoseph: This is a tricky problem because we have to consider whether it needs to cover the misuse of the pattern
<jugglinmike> Matt_King: Does anyone agree with the reporter?
<jugglinmike> jongund: I don't like an exception for the patterns, per se, but there's so much confusion over the patterns already...
<jugglinmike> Matt_King: But if we go along with this suggestion, doesn't that exception increase the confusion?
<jugglinmike> Matt_King: An exception like this reduces the differentiation with the "menu", and I wonder if the recommendation to authors for this situation should be to "use the menu pattern, instead"
<jugglinmike> CoryJoseph: I'm on the fence about this
<Jem> Caution!
<Jem> Before considering use of the Menubar Pattern for site navigation, it is important to understand:
<Jem>
<Jem> The menubar pattern requires complex functionality that is unnecessary for typical site navigation that is styled to look like a menubar with expandable sections or fly outs.
<Jem> A pattern more suited for typical site navigation with expandable groups of links is the Disclosure Pattern. For an example, see Example Disclosure Navigation Menu.
<jugglinmike> Matt_King: The "menu bar" pattern page and the "disclosure" pattern page already compliment each other by referencing each other and explaining how to choose between them
<Jem> caution about navigation menubar
<jugglinmike> Matt_King: CoryJoseph if you want to review those two pages, I think your perspective as a new attendee to this meeting would be particularly helpful
<jugglinmike> Zakim, end the meeting