Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(VMenu): don't close when press enter #19368

Merged
merged 2 commits into from
Mar 15, 2024
Merged

fix(VMenu): don't close when press enter #19368

merged 2 commits into from
Mar 15, 2024

Conversation

rajithaeyee
Copy link
Contributor

fixes #19361

Description

This PR addresses issue #19361 by the VMenu closing when the Enter key is pressed. Previously, when navigate through the arrow keys and pressing Enter wouldn't close the menu, causing inconvenience for users. This change ensures that the menu closes when Enter is pressed, improving the user experience. Issue can be found here

Markup:

<template>
  <v-app>
    <v-container>
      <v-menu>
      <template #activator="{ props }">
        <v-btn v-bind="props">Open Menu</v-btn>
      </template>
      <v-list>
        <v-list-item @click="{}">1</v-list-item>
        <v-list-item @click="{}">2</v-list-item>
      </v-list>
    </v-menu>
    </v-container>
  </v-app>
</template>

<script>
  export default {
    name: 'Playground',
    setup () {
      return {
        //
      }
    },
  }
</script>

@johnleider johnleider added this to the v3.5.x milestone Mar 15, 2024
@johnleider johnleider merged commit cc266f4 into vuetifyjs:master Mar 15, 2024
7 of 8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VMenu T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug Report][3.5.8] v-menu doesnt close when item is selected with arrows and enter
3 participants