2016-11-07 22:06:20 |
Eddie Ramirez |
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). |
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). |
|