Interactive tooltip not closing consistently on click across different browsers
See original GitHub issueTooltip not closing when clicking a button within tooltip on Chrome
React tooltip
-
carbon-components
-
carbon-components-react
Detailed description
The tooltip is not closing when I click the button within the tooltip on Chrome. It does close (as expected?) on Firefox.
I think the behavior should be consistent across browsers. I assume it is supposed to close.
Tested on FF, Chrome
carbondesignsystem version: whatever is leveraged here currently https://react.carbondesignsystem.com
Steps to reproduce the issue
- Navigate here https://react.carbondesignsystem.com/?path=/story/tooltip--default-bottom
- Open tooltbox
- Click “Create” button
- should do the same on Firefox and Chrome.
Not sure about the expectation. I think in the past clicking the button closed the tooltip window. This behavior stopped recently on Chrome.
Additional information
- Try to click the button (red rectangle in screen shot)
Issue Analytics
- State:
- Created 4 years ago
- Comments:8 (4 by maintainers)
Top Results From Across the Web
Boostrap tooltip interaction and automatic hiding
Once this is the case, close the currently visible tooltip. Show the another tooltip mouseenter (span) and only if no other tooltip is...
Read more >Building a simple tooltip component that never goes off screen
How to build a simple, responsive and lightweight tooltip web component, with minimal HTML, CSS and JavaScript and no framework dependency.
Read more >Thinking on ways to solve TOOLTIPS - YouTube
In today's GUI Challenge, @AdamArgyleInk builds a tooltip with a custom element (no web component!), :has(), transforms, and logical ...
Read more >ARIA: tooltip role - Accessibility - MDN Web Docs - Mozilla
Tooltips provide contextual information about an element when that owning element receives focus or is hovered over, but is otherwise not ...
Read more >Tooltips in the time of WCAG 2.1 | Sarah Higley
Allow a mouse or pointer user to hide the tooltip, ideally through a close button (unless the tooltip will never overlap other content)....
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
I see. Thank you for the fast response!
Yes.