Description

Previously, when a <v-menu /> with :close-on-content-click="false" contained a textarea, an enter press inside the textarea would do nothing and not produce a new line. Now, it will allow a new line to be typed into the textarea when pressing enter.

This last worked in Vuetify v3.5.14 and was broken starting in v3.5.15. The fix for #19519 in 85ba4a8 caused this issue.

fixes #19767

Markup:

<template>
  <v-app>
    <v-container>
      <v-menu v-model="show" :close-on-content-click="false">
        <template #activator="{ props }">
          <v-btn color="primary" dark v-bind="props"> Open menu </v-btn>
        </template>

        <v-card class="pa-4">
          <v-textarea v-model="foo" />
        </v-card>
      </v-menu>
    </v-container>
  </v-app>
</template>

<script setup>
  import { ref } from 'vue'
  const foo = ref('Type and press enter here')
  const show = ref(true)
</script>

Before this fix, and in Vuetify v3.5.15 and after, enter cannot be typed in:

After this fix, the behavior matches the Vuetify <= v3.5.14 behavior and enter can be typed into the textarea: