[Bug Report][3.3.16] v-text-field slot #label with icon with tooltip doesn't work

[simonklimek]

Environment

Vuetify Version: 3.3.16 Vue Version: 3.3.3 Browsers: Chrome 116.0.0.0 OS: Windows 10

Steps to reproduce

tooltip doesn't work mouse over it

Expected Behavior

working tooltip while textfield disabled working tooltip within label slot

Actual Behavior

not working tooltip within label slot not working tooltip while textfield disabled

Reproduction Link

https://play.vuetifyjs.com/#...

[simonklimek]

can anybody help on how to use clickable inner or append slot to disabled v-text-field

[effhAVE]

@simonklimek Did you manage to find a solution? I'm also struggling with this and only got it to work by modifying CSS.

[klimekszymon]

@simonklimek Did you manage to find a solution? I'm also struggling with this and only got it to work by modifying CSS.

No, I didn't manage. My workaround is instead of appending icon I place icon next to v-text-field

<div class="d-flex flex-wrap">
    <div class="flex-1-0">
<v-text-field />
</div>
    <div>
      <v-btn
        icon
        density="comfortable"
        variant="text"
        size="small"
        @click="$emit('emit-copy-field')"
      >
        <v-icon small>mdi-content-copy</v-icon>
        <v-tooltip location="top" activator="parent">
          <span>Copy</span>
        </v-tooltip>
      </v-btn>
    </div>
  </div>

[robsonash]

Alguem conseguiu resolver para o vuetify3 ?

[julian-pani]

Run into the same issue today