Focus trap modals - Githubissues

mono-company / jungle-docs

Mono's BEM ITCSS framework - Documentation website (OLD)

Other

1 stars 0 forks source link

Focus trap modals #3

Open Wolfr opened 5 years ago

Wolfr commented 5 years ago

When you use tab on your keyboard when you use a modal, you will jump to the next form control. You can also use ⇧+tab to go to the previous control.

However, currently, our modals don't work with this behavior correctly when they are initialized dynamically.

Focus trap http://davidtheclark.github.io/focus-trap/demo/
Demo http://gdkraus.github.io/accessible-modal-dialog/

We need to try to implement a simple form in a modal that exhibits the right behavior.

Wolfr commented 5 years ago

We can look into implementing this HTML custom element in Jungle: https://www.bram.us/2019/03/11/using-the-details-element-to-create-modals-and-menus/

cc @emilyvandewalle