Tooltip has low z-index

pastelsky / bundlephobia

🏋️ Find out the cost of adding a new frontend dependency to your project

https://bundlephobia.com

MIT License

8.96k stars 221 forks source link

Tooltip has low z-index #296

Open ghost opened 4 years ago

ghost commented 4 years ago

Hides behind bar chart. Unable to read Screenshot (115)

ghost commented 4 years ago

I believe this issue was fixed I can't replicate the same... both OS: mac, windows and different browsers looks good to me...

ghost commented 4 years ago

Happens when I hover over the tree icon

pastelsky commented 4 years ago

I don't see this happen any more – https://github.com/pastelsky/bundlephobia/pull/314#issuecomment-687608905

@nainardev could you close this if it's fixed, or post some screenshots so I could reproduce it if not?

keul commented 3 years ago

I still see this (Firefox 82 on MacOS)

Schermata 2020-11-04 alle 17 39 08

ghost commented 3 years ago

Me too in Firefox Dev

keul commented 3 years ago

Spent few minutes debugging the issue (just because I was curious about the full CSS implementation! I was not aware of attr() 😱).

The tooltip is a css content with a position absolute inside a position relative main element (the vertical bar) so it's normal that it is under elements defined after it.

Raising the z-index on the focused element fix the issue.

zindex

roansong commented 3 years ago

Can confirm that I am experiencing this as well, with the side-effect-free icon tooltip:

Browser: Microsoft Edge Dev OS: macOS 11.0.1

himynameisdave commented 3 years ago

Hate to be the one to report that this is still an issue, but this is still an issue:

Browser: Firefox 92

Happy to open a PR (looks like @keul has already solved this) if there isn't one already!