[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 noreply at wordpress.org
Tue Jul 7 01:14:56 UTC 2020


#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 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.

 > 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.
 The event handlers I added should work for any `li.menupop > .ab-item`,
 but the element has to be focusable to register the keyboard event.

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


More information about the wp-trac mailing list