[Vuejs]-Why does my v-speed-dial not overlap other components on my Vue page?

by

0👍

I think the problem is that your speed dial is inside a v-toolbar.

The toolbar component is used for rendering a navigation header generally at the top of the app.

Speed dials are floating buttons generally used at the bottom of the app.

If you remove the v-toolbar, your problem should get fixed.

EDIT: The vuetify docs here, show 2 different examples:

  • One where v-btn is used inside v-toolbar
  • The other example is using v-speed-dial

I think you ended up combining the two. Please go through the examples given in the docs and use the correct HTML based on your requirement

Leave a comment