[wp-trac] [WordPress Trac] #48894: Improve the small user sub window at the right corner on the admin bar a.k.a. the Howdy fly-out

[WordPress Trac]

#48894: Improve the small user sub window at the right corner on the admin bar
a.k.a. the Howdy fly-out
-------------------------------------+-------------------------------------
 Reporter:  ixkaito                  |       Owner:  afercia
     Type:  enhancement              |      Status:  assigned
 Priority:  normal                   |   Milestone:  5.5
Component:  Toolbar                  |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch has-           |     Focuses:  ui, accessibility,
  screenshots needs-refresh          |  javascript
-------------------------------------+-------------------------------------

Comment (by afercia):

 Replying to [comment:64 isabel_brison]:
 > > This is the reason why 48894.3.diff​ was reusing the existing keydown
 event for the "My account" item. I think it's best to attach just one
 event and use the previous approach for all items.
 >
 > @afercia by previous approach, do you mean handling both Space and Enter
 with `keydown`? An alternative would be to detect Space in the `keydown`
 handler and prevent default for it there. It's a bit messy though.

 - the Enter key just needs the click event :)
 - the Spacebar a keyup event, to emulate native behavior on buttons

 >
 > > install and activate the "View Admin As" plugin
 > > on trunk: see that hovering a sub-item opens its sub-menu
 > > with the patch applied: the sub-menu doesn't open any longer
 > > pressing Enter will now trigger the action associated with the sub-
 item
 >
 > I'm checking the "View Admin As" dropdown on trunk and it's not keyboard
 accessible. I can open it on hover, but can't even get focus to the top-
 level item to open with Enter. Not sure why though: it's using `div`s
 instead of links but they have `tabindex="0"` set.

 I know it's not accessible but, by removing the `hoverintent`, it's not
 possible to open ''the sub-items'' any longer. Also, pressing Enter on
 them activates the attached action, which is unexpected.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/48894#comment:66>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform