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.

[Bug Report] Tooltip not working on a <v-select> component

See original GitHub issue

Environment

Vuetify Version: 2.0.5 Vue Version: 2.6.10 Browsers: Chrome 76.0.3809.100 OS: Linux x86_64

Steps to reproduce

add a <v-select> with some items
wrap it in a <v-tooltip> component to add a tooltip to it on hover

Expected Behavior

When hovering the mouse on the select component, the tooltip should appear

Actual Behavior

The tooltip does not appear on hover. Instead, it appears very briefly then disappears when clicking on the select component. Once an item has been chosen, the tooltip stays visible indefinitely until the user clicks again anywhere.

Reproduction Link

https://codepen.io/tomparle/pen/ymKGxp

Issue Analytics

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

Top GitHub Comments

2reactions

jacekkarczmarczykcommented, Aug 8, 2019

I’m pretty sure that i’ve seen this issue somewhere here, can’t find it though. Anyway workaround would be to wrap v-select in a div and attach event handlers to the div instead of v-select

0reactions

johnleidercommented, Aug 24, 2021

We kindly ask users to not comment on closed/resolved issues. If you believe that this issue has not been correctly resolved, please create a new issue showing the regression or create a new discussion.

If you have any questions, please reach out to us in our Discord community.

Top Results From Across the Web

Report tooltip page not showing correct data

I have a tooltip page which is supposed to show the percentage of total of an element (category) when hovering over the element(category)...

vuetify - Awesome JS

Bug Fixes. explicit props for select components (#16023) (f6ee9a3) ... Report a Bug ... VTable: table hover not working (#15962) (cc9773b), closes #15950 ......

Form Select | Components - BootstrapVue

Custom component using cross-browser custom styles. Optionally generate entries based on an array, array of objects.

Select | Quasar Framework

The QSelect Vue component has two types of selection - single or multiple. This component opens up a menu for the selection list...

Material UI Tooltip not working with react-select options

This is my working codesandbox: https://codesandbox.io/s/strange-shape-kthxv?file=/src/App.js. Basically we use the following list for ...