Vuetify: [Bug Report] Dialog not working in Speed-dial

Created on 31 Jul 2019  路  5Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.0.3
Last working version: 1.5.16
Vue Version: 2.6.10
Browsers: Chrome 76.0.3809.87
OS: Mac OS 10.14.6

Steps to reproduce

Create a speed dial with dialog as button

Expected Behavior

Should display dialog when clicking the button in speed-dial

Actual Behavior

Shows a darker background but no card.

Reproduction Link

https://codepen.io/pascalmattes/pen/oKWmQN

VDialog VSpeedDial bug has workaround
Source
picture pascalmattes
👍4

Most helpful comment

@pascalmattes you can use a workaround like this for now: https://codepen.io/sh7dm/pen/yLBzVQR
Just use Dialog with its v-model, not with activator slot

picture sh7dm on 2 Sep 2019
🎉2 🚀1

All 5 comments

Confirming. Same behavior for me.

RobSteward picture RobSteward on 28 Aug 2019

Any progress on that? @sh7dm

pascalmattes picture pascalmattes on 2 Sep 2019

@pascalmattes you can use a workaround like this for now: https://codepen.io/sh7dm/pen/yLBzVQR
Just use Dialog with its v-model, not with activator slot

sh7dm picture sh7dm on 2 Sep 2019
🎉2 🚀1

I'm going to push this off of 2.2 for now as the component needs a pretty heavy refactor to support this properly.

johnleider picture johnleider on 21 Apr 2020

Unfortunately due to limited bandwidth we were unable to tackle this. Moving to v3.

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

johnleider picture johnleider on 2 Jun 2020
👍1
Was this page helpful?
0 / 5 - 0 ratings

Related issues

dohomi picture dohomi  路  3Comments
KuroThing picture KuroThing  路  3Comments
Webifi picture Webifi  路  3Comments
alterhu2020 picture alterhu2020  路  3Comments
SteffenDE picture SteffenDE  路  3Comments