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.

Dropdown with tooltip breaks on click, with errors

See original GitHub issue

Operating system: Linux Browser: Chromium Version 87.0.4280.66

When a dropdown is also given a tooltip, the tooltip works properly on hover. But once you click the dropdown, it breaks: the dropdown refuses to close and the tooltip will not disappear. Errors appear when the cursor hovers in/out:

Uncaught TypeError: Cannot set property 'hover' of undefined
    at o.r._enter (tooltip.js:117)
    at HTMLButtonElement.<anonymous> (tooltip.js:553)
    at HTMLButtonElement.n (event-handler.js:101)
Uncaught TypeError: Cannot set property 'hover' of undefined
    at o.r._leave (tooltip.js:117)
    at HTMLButtonElement.<anonymous> (tooltip.js:554)
    at HTMLButtonElement.n (event-handler.js:101)

https://jsfiddle.net/9q8xn40r/

Issue Analytics

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

Top GitHub Comments

1reaction

XhmikosRcommented, Jan 10, 2021

I’d rather not change the behavior in that PR. We need to have this in a separate PR with unit tests and further discussion. As long as the change is not a breaking one, we can land it on v5.

0reactions

rohit2sharma95commented, Jan 10, 2021

Yes, #32180 does not change the behavior yet. 👍 But that’s why that PR is pending IMO

Top Results From Across the Web

bootstrap, tooltip with dropdown, in button group seems to ...

In bootstrap, tooltip with dropdown, the hover data-toggle attached to one button in a button group seems to have an effect when I...

Tooltips · Bootstrap v5.0

Documentation and examples for adding custom Bootstrap tooltips with CSS and JavaScript using CSS3 for animations and data-bs-attributes for local title storage ...

DropDownList options with tooltip in Blazor DropDown List

When the mouse is hovered over the DropDownList option, a tooltip appears with information about the hovered list item. The following code demonstrates...

Closing tooltip validation error when dropdown is closed

I'm displaying a tooltip required error message using the validator when the dropdown isn't selected. When the dropdown is selected, can the ......

Tooltips on visual types in QuickSight - AWS Documentation

Learn how to create custom tooltips in Amazon QuickSight. ... In the Add field to tooltip page that opens, choose Select field and...