Tooltip hidden when inside a container with overflow: auto
See original GitHub issueFor embertooltips 3.0, since the tooltip is now a sibling to the element, there is an issue when a parent container has overflow: auto/scroll
, the tooltip sometimes gets cut off.

Is there an option to show the tooltip in this scenario?
Issue Analytics
- State:
- Created 5 years ago
- Comments:9 (2 by maintainers)
Top Results From Across the Web
Display tooltip when container overflow is hidden
So you need to add an element. One important condition: the parent with overflow: hidden must not be positioned itself or the tooltip...
Read more >Experience in Escape CSS Overflow | A Layman - Medium
Step 1. Use proper CSS for the container and the tooltip. We still use overflow-x:hidden for the container and use position: absolute for...
Read more >Displaying text in a tool tip when text overflows its container
Using CSS, we can set the max width of the table cells, hide overflow and show ellipsis at the end of the overflowing...
Read more >Tooltip overflowing an overflow:auto box - CodePen
Siberian Hamster Andrew Sachs Omg overflow already. I need at least one really long sentence please, to force the overflow:auto into play.
Read more >CSS : Display tooltip when container overflow is hidden
CSS : Display tooltip when container overflow is hidden [ Beautify Your Computer : https://www.hows.tech/p/recommended.html ] CSS : Display ...
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 Free
Top 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
Awesome. Thank you @maxfierke and @sir-dunxalot for this update. It works like a charm now. 😃
Given @maxfierke’s workaround, this is fixed by #272.