yahoo-eng-team team mailing list archive

[Eddie Ramirez <1639958@xxxxxxxxxxxxxxxxxx>]

Public bug reported:

Dropdowns on Bootstrap lets you cycle through its item using the "Down"
arrow key, but this behavior is not consistent in both Django and NG
panes - actually seems to not work at all on NG panes, focus area for
next releases.

How to reproduce:
1. Go to Project->Images/Admin->Images.
2. Expand any dropdown inside the resource panel - could be the one that shows "row actions".
3. Press the "Down" arrow key.
4. Go to a Django Pane and repeat last steps, see that the event does cycle the items in the dropdown.

Actual result:
The "event" won't "activate" the next item in the dropdown. It does not cycle (this on NG panels)

Expected result:
There's a keydown event attached to the <ul> element containing all items. This event should let you cycle through all the elements in the dropdown when the user hits the "Down" arrow key.

Learn more: http://getbootstrap.com/components/#dropdowns and in the
"Bootstrap Theme Preview" "http://yourhorizon/developer/#/buttons"; pane.

Note: Fixing this issue could drastically improve the UX of Magicsearch
since all Facets and options are displayed using dropdowns - you cannot
select any of those options using ONLY the keyboard (you need to click
them).

** Affects: horizon
     Importance: Undecided
         Status: New


** Tags: accessibility dropdown ux

-- 
You received this bug notification because you are a member of Yahoo!
Engineering Team, which is subscribed to OpenStack Dashboard (Horizon).
https://bugs.launchpad.net/bugs/1639958

Title:
  Behavior of down arrow key in dropdowns is inconsistent across Horizon

Status in OpenStack Dashboard (Horizon):
  New

Bug description:
  Dropdowns on Bootstrap lets you cycle through its item using the
  "Down" arrow key, but this behavior is not consistent in both Django
  and NG panes - actually seems to not work at all on NG panes, focus
  area for next releases.

  How to reproduce:
  1. Go to Project->Images/Admin->Images.
  2. Expand any dropdown inside the resource panel - could be the one that shows "row actions".
  3. Press the "Down" arrow key.
  4. Go to a Django Pane and repeat last steps, see that the event does cycle the items in the dropdown.

  Actual result:
  The "event" won't "activate" the next item in the dropdown. It does not cycle (this on NG panels)

  Expected result:
  There's a keydown event attached to the <ul> element containing all items. This event should let you cycle through all the elements in the dropdown when the user hits the "Down" arrow key.

  Learn more: http://getbootstrap.com/components/#dropdowns and in the
  "Bootstrap Theme Preview" "http://yourhorizon/developer/#/buttons";
  pane.

  Note: Fixing this issue could drastically improve the UX of
  Magicsearch since all Facets and options are displayed using dropdowns
  - you cannot select any of those options using ONLY the keyboard (you
  need to click them).

To manage notifications about this bug go to:
https://bugs.launchpad.net/horizon/+bug/1639958/+subscriptions