question-mark
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.

Tooltip hidden when inside a container with overflow: auto

See original GitHub issue

For 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.

screen shot 2018-09-28 at 2 24 51 pm

Is there an option to show the tooltip in this scenario?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:9 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
transitorytammycommented, Oct 25, 2018

Awesome. Thank you @maxfierke and @sir-dunxalot for this update. It works like a charm now. 😃

0reactions
sir-dunxalotcommented, Oct 23, 2018

Given @maxfierke’s workaround, this is fixed by #272.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found