[Bug Report][2.6.0] Width of vBottomSheet is broken #14419
Labels
C: VBottomSheet
VBottomSheet
C: VDialog
VDialog
T: bug
Functionality that does not work as intended/expected
T: regression
Something that used to work but we broke
Milestone
Environment
Vuetify Version: 2.6.0
Last working version: 2.5.14
Vue Version: 2.6.14
Browsers: Google Chrome, Mozilla Firefox
OS: Windows 11
Steps to reproduce
Expected Behavior
Width of sheet is 100% of parent dialog width
Actual Behavior
Width fits to the internal content
Reproduction Link
https://codesandbox.io/s/vuetify-2-6-0-broken-v-bottom-sheet-example-47zow
Other comments
I've found this is happening because there is no rule
.v-dialog>* { width: 100%; }
In 2.6.0, but it existed in previous versions.
I also made 2 sandboxes, which differs only with Vuetify version and colors:
https://codesandbox.io/s/vuetify-2-6-0-broken-v-bottom-sheet-example-47zow
https://codesandbox.io/s/vuetify-2-5-x-working-v-bottom-sheet-example-pcmv3
Possibly fixed by the next rule:
.v-bottom-sheet.v-dialog>.v-sheet { width: 100%; }
The text was updated successfully, but these errors were encountered: