[V-Menu] Use always display: block;

[ebisbe]

Description

Fixes #3645

Motivation and Context

Styles issues with the v-menu component

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Improvement/refactoring (non-breaking change that doesn't add any feature but make things better)

Checklist:

• The PR title is no longer than 64 characters.
• The PR is submitted to the correct branch (master for bug fixes, dev for new features and breaking changes).
• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have created a PR in the documentation with the necessary changes.

[jacekkarczmarczyk]

It fails when you need your menu to be displayed inline (not sure if this is a common case though)

<template>
  <v-app id="inspire">
    <v-content>
      Hello
      <v-menu>
        <v-btn slot="activator">Show menu</v-btn>
        <v-card><v-card-text>Hello world!</v-card-text></v-card>
      </v-menu>
      world
    </v-content>
  </v-app>
</template>

Probably this will be the best fix for it when it's implemented #3206

[johnleider]

There is a prop that turns v-menu into block called full-width.

Thank you for your contribution though!

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord