Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug][3.5.8] Labs Speed Dial #19355

Closed
markedro opened this issue Mar 8, 2024 · 4 comments
Closed

[Bug][3.5.8] Labs Speed Dial #19355

markedro opened this issue Mar 8, 2024 · 4 comments
Labels
S: stale This issue is untriaged and hasn't seen any activity in at least six months. S: triage

Comments

@markedro
Copy link

markedro commented Mar 8, 2024

Environment

Vuetify Version: 3.5.8
Vue Version: 3.4.21
Browsers: Chrome 119.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

I know Speed Dial was just released but I was trying to get a feel for it. I wasn't able to get anything to visibly show up yet with it in my project. That seems consistent with the result on the link locatied in the Speed Dial docs that point to the vue playground example. (the info above is simply to the vue playground on the vuetify speed dial docs page)

Expected Behavior

a visible speed dial

Actual Behavior

speed dial isn't visible

Reproduction Link

https://play.vuetifyjs.com/#...

@YouthGuy
Copy link

In practice, I found that when I moved the v-fab outside, it was functional, but it was invisible in the speed dial. I also found this quite strange.

<v-speed-dial activator="parent" location="bottom center" transition="fade-transition">
    <v-btn key="1" icon="$success"></v-btn>
    <v-btn key="2" icon="$info"></v-btn>
</v-speed-dial>
<v-fab size="large" icon="$vuetify" color="#587ea1"></v-fab>

@jo3codes
Copy link

jo3codes commented Mar 17, 2024

You can get it to work by wrapping SpeedDial with Fab

<v-fab ...>
  <v-speed-dial activator="parent">
    ...
  </v-speed-dial>
</v-fab>

@m50S79sM6SRNp8Jn
Copy link

You can get it to work by wrapping SpeedDial with Fab

<v-fab ...>
  <v-speed-dial activator="parent">
    ...
  </v-speed-dial>
</v-fab>

Confirmed, but the question begs would this be considered a workaround or just how it's supposed to be used?

@jo3codes
Copy link

Workaround. I think this is how you would expect to use it: #19422

@github-actions github-actions bot added the S: stale This issue is untriaged and hasn't seen any activity in at least six months. label Sep 17, 2024
@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Oct 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
S: stale This issue is untriaged and hasn't seen any activity in at least six months. S: triage
Projects
None yet
Development

No branches or pull requests

4 participants