fix(VSpeedDial): fixed transition animation

[kuromoka]

Description

VSpeedDial transition animation only works until 7 buttons. Fixed that to work more than 7 buttons

Motivation and Context

fixes #5735

How Has This Been Tested?

visually

Markup:

<template>
  <v-app>
    <v-card id="create">
      <v-speed-dial
        v-model="fab"
        top
        left
        direction="right"
        transition="slide-x-transition"
      >
        <v-btn
          slot="activator"
          v-model="fab"
          color="blue darken-2"
          dark
          fab
        >
          <v-icon>account_circle</v-icon>
          <v-icon>close</v-icon>
        </v-btn>
        <v-btn
          fab
          dark
          small
          color="green"
        >
          <v-icon>edit</v-icon>
        </v-btn>
        <v-btn
          fab
          dark
          small
          color="indigo"
        >
          <v-icon>add</v-icon>
        </v-btn>
        <v-btn
          fab
          dark
          small
          color="red"
        >
          <v-icon>delete</v-icon>
        </v-btn>
        <v-btn
          fab
          dark
          small
          color="red"
        >
          <v-icon>delete</v-icon>
        </v-btn>
        <v-btn
          fab
          dark
          small
          color="red"
        >
          <v-icon>delete</v-icon>
        </v-btn>
        <v-btn
          fab
          dark
          small
          color="red"
        >
          <v-icon>delete</v-icon>
        </v-btn>
        <v-btn
          fab
          dark
          small
          color="red"
        >
          <v-icon>delete</v-icon>
        </v-btn>
        <v-btn
          fab
          dark
          small
          color="red"
        >
          <v-icon>delete</v-icon>
        </v-btn>
      </v-speed-dial>
    </v-card>
  </v-app>
</template>

<style>
  #create .v-speed-dial {
    position: absolute;
  }

  #create .v-btn--floating {
    position: relative;
  }
</style>

<script>
export default {
  data: () => ({
    fab: false
  })
}
</script>

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 and documentation updates, dev for new features and breaking changes).
• My code follows the code style of this project.
• I've added relevant changes to the documentation (applies to new features and breaking changes in core library)

[vercel]

This pull request is automatically deployed with Now.
To access deployments, click Details below or on the icon next to each push.

[codecov]

Codecov Report

Merging #6373 into master will increase coverage by <.01%.
The diff coverage is 100%.

@@            Coverage Diff            @@
##           master   #6373      +/-   ##
=========================================
+ Coverage   85.59%   85.6%   +<.01%     
=========================================
  Files         298     298              
  Lines        7165    7169       +4     
  Branches     1781    1782       +1     
=========================================
+ Hits         6133    6137       +4     
  Misses        942     942              
  Partials       90      90

Impacted Files	Coverage Δ
...es/vuetify/src/components/VSpeedDial/VSpeedDial.js	96.15% <100%> (+0.69%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 797808e...b10e725. Read the comment docs.

[dsseng]

Looks good, but fix issue @jacekkarczmarczyk reviewed

[dsseng]

Awesome!

[dsseng]

@kuromoka don't worry, build failed because of our internal problems, I'll restart it

[kuromoka]

I will add unit tests because of ci fail

[kuromoka]

added unit test cf57183
I can't apply transition-delay style via unit test maybe because of vuejs/vue-test-utils#839 (comment)
let me know if problems

[dsseng]

LGTM

[dsseng]

@kuromoka thanks!

[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