vuematerial/vue-material

md-dialog allows tabbing / keypresses escaping.

ryantheleach opened this issue · 0 comments

Using the demo on https://vuematerial.io/components/dialog, despite appearing as a modal, md-dialog has no method of trapping focus, or preventing key events escaping.

Steps to reproduce

open a demo dialog on https://vuematerial.io/components/dialog

press tab, when focus is inside the dialog, note that you can tab through the navigation behind it.

Which browser?

Google Chrome Version 90.0.4430.212 (Official Build) (64-bit)

What is expected?

It is expected that a modal dialog prevents focus leaving the dialog until closed.
It is expected that shortcut keys pressed relevent to the dialog, do not affect the rest of the application / site.

What is actually happening?

Focus is allowed to escape, despite a <md-focus-trap> being used.