I am trying to put a v-tooltip inside a persistent label in a v-text-field but it is not functioning. The tooltip shows up next to the label but nothing happens when I hover my mouse over it, it should show the text "Test popup text" when hovering it. Small example: Link to vuetify playground.
I have tried to move around things, wrap it etc but nothing seem to work.
Questions
Because the pointer-events
of the input label is set as none
by vuetify.
You can override it to make the elements in the label hoverable:
<style>
.v-label.v-field-label.v-field-label--floating {
pointer-events: auto;
}
</style>