fix(VMenu): fix min width

[lzl0304]

Description

fixes #16987

Markup:

<template>
  <v-container>
    <div class="text-center">
      <v-menu>
        <template v-slot:activator="{ props }">
          <v-btn v-bind="props">
            Auto width
          </v-btn>
        </template>
        <v-list>
          <v-list-item>
            <v-list-item-title>Here</v-list-item-title>
          </v-list-item>
        </v-list>
      </v-menu>
      <v-menu min-width="500">
        <template v-slot:activator="{ props }">
          <v-btn v-bind="props">
            Min width
          </v-btn>
        </template>
        <v-list>
          <v-list-item>
            <v-list-item-title>Here</v-list-item-title>
          </v-list-item>
        </v-list>
      </v-menu>
    </div>
  </v-container>
</template>

[johnleider]

Wouldn't it be easier to just change the style ordering?

[lzl0304]

If only the order is changed, when min-width is not set in v-menu, min-width: undefined in dimensionStyles will override the default min-width in contentStyles, so I fixed it this way.

[johnleider]

Your proposed fix just seems to be overly complex on the surface. Surely there is a less engineered way to approach this. I'll think on it.

[johnleider]

This Pull Request is being closed due to inactivity.

If you have any additional questions, please reach out to us in our Discord community.