How to unfocus button after click in Vuetify 3

Viewed 256

I use vuetify 3.0.0-alpha.10. This is my code:

<template>
  <v-card-actions flat>
    <v-btn class="yourButton">
      <v-icon size="25">mdi-home</v-icon>
    </v-btn>
    <v-btn>
      <v-icon size="25">mdi-star</v-icon>
    </v-btn>
  </v-card-actions>
</template>

The problem is that after click on the button focus remains there, so, it is necessary to click somewhere else to remove that focus:

enter image description here

I tried to add

.yourButton .v-btn:focus::before {
  opacity: 0 !important;
 }

But it seems, that this solution doesn't work in Vuetify 3. How to make button remove this focus after click?

1 Answers

I found the solution. It is necessary to update to Vuetify 3.0.0-alpha.12. There focus doesn't remain on buttons after click.

Related