You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I guess either a bug or nothing, depends on what is happening
This is the interface I am working on. In the right side I have PDF pages, and I want to drag pages into the left area.
The grey areas are Droppables. The pages are Draggables. There is an accordion-type component in the left, as I want to pick pages to generate up to 4 different PDFs.
There is only one Droppable component open at each time; when Ichange the active accordeon page, the Droppable is destroyed and then another Droppable is created.
All works well with mouse drag and drop. No problems at all. My concerns are with accessibility issues, and using the keyboard only.
Expected behavior
When I select a page in the Droppables on the right, with the keyboard (using space bar), I should be able to move the selected Draggable to the Droppable in the left, by using the keyboard arrow keys.
Actual behavior
The selected Draggable doesn't move to the Droppable in the left, with keyboard arrow keys. It does move to the other Droppables on the right, though.
All the Droppables are under the same DragDropContext, but not at the same level, i.e., the left Droppable is not a sibling of right Droppables, but right Droppables are siblings. Also, right Droppables are easier to see whether we should use up or down arrow to change Droppables, but to change into the left Droppable, none of the arrow keys work.
What version of React are you using?
latest
What version of react-beautiful-dnd are you running?
latest
What browser are you using?
Chrome 70
Edit: Possible duplicate of #331, apologies if so. If this is part of the requested feature, then chalk +1 as a feature we definitely need to make our page more accessible to people who can't use mouse.
The text was updated successfully, but these errors were encountered:
Bug or feature request?
I guess either a bug or nothing, depends on what is happening
This is the interface I am working on. In the right side I have PDF pages, and I want to drag pages into the left area.
The grey areas are Droppables. The pages are Draggables. There is an accordion-type component in the left, as I want to pick pages to generate up to 4 different PDFs.
There is only one Droppable component open at each time; when Ichange the active accordeon page, the Droppable is destroyed and then another Droppable is created.
All works well with mouse drag and drop. No problems at all. My concerns are with accessibility issues, and using the keyboard only.
Expected behavior
When I select a page in the Droppables on the right, with the keyboard (using space bar), I should be able to move the selected Draggable to the Droppable in the left, by using the keyboard arrow keys.
Actual behavior
The selected Draggable doesn't move to the Droppable in the left, with keyboard arrow keys. It does move to the other Droppables on the right, though.
All the Droppables are under the same DragDropContext, but not at the same level, i.e., the left Droppable is not a sibling of right Droppables, but right Droppables are siblings. Also, right Droppables are easier to see whether we should use up or down arrow to change Droppables, but to change into the left Droppable, none of the arrow keys work.
What version of
React
are you using?latest
What version of
react-beautiful-dnd
are you running?latest
What browser are you using?
Chrome 70
Edit: Possible duplicate of #331, apologies if so. If this is part of the requested feature, then chalk +1 as a feature we definitely need to make our page more accessible to people who can't use mouse.
The text was updated successfully, but these errors were encountered: