vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

fix(VMenu): fix min width

Open elkofy opened this issue 9 months ago • 4 comments

Description

I switched the dimensionsStyle and contentStyle since the first one gets overrided by the second.Hence I provided a much simpler solution that what was proposed originally. fixes #16987

Markup:

<template>
  <v-app>
    <div class="text-center">
      <v-menu :min-width="500">
        <template #activator="{ props }">
          <v-btn v-bind="props">
            Dropdown
          </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-app>
</template>

<script setup>
  import { ref } from 'vue'
</script>

elkofy avatar May 07 '24 20:05 elkofy

When no min-width is supplied it's no longer calculates properly.

johnleider avatar May 14 '24 14:05 johnleider

When no min-width is supplied it's no longer calculates properly.

fixed I hope It's not the cleanest but works really great and it's the smallest code change I could think of

elkofy avatar May 15 '24 21:05 elkofy

Valiant effort but we're going to have to figure out a different way.

johnleider avatar May 16 '24 14:05 johnleider

Valiant effort but we're going to have to figure out a different way.

how about this method ?

elkofy avatar May 17 '24 07:05 elkofy