vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report] disable-keys doesn't affect VMenu hiding when Esc key is pressed

Open mattnathan opened this issue 5 years ago • 2 comments

Environment

Vuetify Version: 2.3.21 Vue Version: 2.6.12 Browsers: Chrome 87.0.4280.141 OS: Windows 10

Steps to reproduce

  1. Create a v-menu with disable-keys (and probably close-on-content-click=false)
  2. Inside the menu place something that can receive text input (e.g. v-text-field)
  3. Run, open the menu, focus the text input, tap the ESC key

Expected Behavior

disable-keys says that "Removes all keyboard interaction", I would expect the menu to remain visible after tapping ESC

Actual Behavior

The menu hides

Reproduction Link

https://codepen.io/mattnathan/pen/jOMRLvv

Other comments

You can work around this by capturing the ESC keydown event and stopPropagation on it, but disable-keys should work

mattnathan avatar Jan 21 '21 11:01 mattnathan

This issue is being closed due to inactivity.

If you have any additional questions, please reach out to us in our [Discord community](https://community.vuetifyjs.com/).

@johnleider if happy, please also close related PR https://github.com/vuetifyjs/vuetify/pull/16464

lioneaglesolutions avatar May 04 '23 00:05 lioneaglesolutions

The PR is simple enough that we can keep them both open.

johnleider avatar May 04 '23 17:05 johnleider