[Bug Report] v-tooltip inside v-card-actions breaks layout of block v-btn

[Toilal]

Versions and Environment

Vuetify: 1.0.3
Vue: 2.5.13
Browsers: Chrome 64.0.3282.167
OS: Linux x86_64

Steps to reproduce

Have a look to the reproduction link

Expected Behavior

Inside v-card-actions, a v-btn with block attribute inside v-tooltip should grow full width, like the one without tooltip.

Actual Behavior

Inside v-card-actions, a v-btn with block attribute inside v-tooltip doesn't grow full width, block attribute has no effect.

Reproduction Link

https://codepen.io/Toilal/pen/wyYamb

[Toilal]

This can workaround the issue

<style scoped lang="scss">
.card__actions >>> .tooltip {
  flex: 1 1 auto;

  > span {
    flex: 1 1 auto
  }
}
</style>

[johnleider]

Due to how flex box works, and that there is no way for v-tooltip to understand that it should be full width, you will have to use a work-around until we remove the need for an element with v-tooltip.

https://codepen.io/johnjleider/pen/jZQPbd

[Toilal]

Tooltip hell 🔥 !

Thanks for quick response and keep the good job, this library is awesome !

[KaelWD]

This will eventually be fixed by #3206 if you want something to follow.

[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