search

formaat-design / reshaped

Community repository for storing examples, reporting issues and tracking roadmap
https://reshaped.so
97 stars 3 forks source link

Keyboard navigation in Modal doesn't work as expected #209

Closed orionmiz closed 5 months ago

orionmiz commented 5 months ago

Describe the bug Keyboard navigation (especially using Tab) between radio inputs within the modal is different from the behavior in a location outside the modal.

To Reproduce Codesandbox

Expected behavior If you press the Tab while the radio input is focused, the focus should move to the button

Screenshots

https://github.com/formaat-design/reshaped/assets/39466936/5e256bb7-58b5-4782-9dcd-5a19b9691f46

Environment (please complete the following information):

blvdmitry commented 5 months ago

https://github.com/formaat-design/reshaped/assets/887379/fcdca75d-d5c4-4092-bce6-977845304425

I have just released 2.8.3 that supports the behavior on the video. When I navigate the input selection there is happens with arrow keys.

In case you are updating from 2.8.0 or below, it also has some changes added in 2.8.1 regarding using the exports filed in package.json. It's tested with our starter examples but just please let us know if it's not working smoothly for you.