Skip to content

[Bug Report][3.10.11] VTooltip with null or undefined value still show text on v-button (and empty tooltip with false value) #22345

@BatmanTheBlind

Description

@BatmanTheBlind

Environment

Vuetify Version: 3.10.11
Vue Version: 3.5.24
OS: Windows 10 (current)

Steps to reproduce

  1. Create a v-btn with v-tooltip directive set to "undefined", "null" or "false"

Expected Behavior

When using null or undefined value on v-tooltip directive on a v-btn component:

<v-btn 
  v-tooltip="null"
  text="Button with null tooltip"
/>
<v-btn 
  v-tooltip="undefined"
  text="Button with undefined tooltip"
/>

The tooltip is visible, similarly to setting v-tooltip to true.

Additionally, using false still display an empty tooltip:

<v-btn
  text="button with false tooltip"
  v-tooltip="false" 
/>

Actual Behavior

We should expect the tooltip to not be displayed, similarly to:

<v-btn 
  text="Button without tooltip"
/>

And display no tooltip at all.

Reproduction Link

https://play.vuetifyjs.com/#eNqdkUsOgjAQhq/SzBqo+NiYSuI5xAWPEklq27RTNDHe3VJQ0YQNu/8x/dLMnB5gTUWPWied47AHhvyqRYE8yyUhrIsLrYMMplISi1ZyM0YhLFES5Hc85FA6RCXJrcULcbLmjZ+tCSolsNU5kC4etZ/99D6nX15ppm6WLp0QM+C+WsRsCmH5DDR0S6jK4QT5fsDo/zL7ZNg1o5MbeGsr02oklqPTGaOD9RU8I9gku2S9hV6kqyRNIQofjX6uOmTnF2CZnxo=

Images

https://cdn.cosmicjs.com/383b6b70-c463-11f0-a260-ff1470f1168f-Capture-dcran-2025-11-18-104327.png
https://cdn.cosmicjs.com/38ae9fa0-c463-11f0-a260-ff1470f1168f-Capture-dcran-2025-11-18-104358.png

Metadata

Metadata

Labels

D: tooltipT: bugFunctionality that does not work as intended/expected

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions