Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tooltips visibility has changed with new slot syntax

See original GitHub issue

Versions and Environment

Vuetify: 1.5.13 Vue: 2.6.10 Browsers: Chrome 73.0.3683.103 OS: Mac OS 10.14.4

Steps to reproduce

Supply a tooltip that is conditionally enabled. Attach that tooltip to a button that is disabled until a certain condition applies.

Expected Behavior

The tooltip should show on a disabled button and not show once the button is enabled

Actual Behavior

The tooltip actually never shows

Reproduction Link

https://codepen.io/anon/pen/eobORm

Other comments

This previously worked with Vue 2.5.22 and Vuetify 1.4.2: https://codepen.io/anon/pen/vMQqWP

Issue Analytics

State:
Created 4 years ago
Comments:7 (3 by maintainers)

Top GitHub Comments

2reactions

lebesneccommented, Dec 2, 2019

that’s a LOT of markup just for a tooltip…

      <v-tooltip>
        <template v-slot:activator="{ on }">
          <span v-on="on">
            <v-btn :disabled="!canDelete()">
              Delete
            </v-btn>
          </span>
        </template>
        <span>Forbidden!</span>
      </v-tooltip>

0reactions

KaelWDcommented, Dec 2, 2019

Yep, the perils of flexibility. Follow #9610

Top Results From Across the Web

c# - WPF ToolTip for a ListBoxItem has display issues when ...

WPF ToolTip for a ListBoxItem has display issues when tooltip changes from collapsed to visible ; "ItemDataTemplate"> <TextBlock Text="{Binding .} ...

DataTable Tooltips | Dash for Python Documentation | Plotly

DataTable` is an interactive table that supports rich styling, conditional formatting, editing, sorting, filtering, and more.

Interface IProvidesSetTooltipVisibility | Unity Reflect | 1.0.0-preview.11

Syntax. public interface IProvidesSetTooltipVisibility : IFunctionalityProvider ... If duration is exactly 0, tooltip stays visible until explicitly hidden.

refactor(ChartTooltip): migrate away from deprecated slot syntax ...

What does this MR do? Migrates away from deprecated slots syntax in src/components/charts/tooltip/tooltip.vue . Does this MR meet the acceptance criteria?

Breaking changes in v5, part two: core components - Material UI

This is a reference guide to all of the breaking changes introduced in Material v5, and how to handle them when migrating from...