bundlephobia icon indicating copy to clipboard operation
bundlephobia copied to clipboard

Tooltip has low z-index

Open ghost opened this issue 5 years ago • 8 comments

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

ghost avatar Feb 17 '20 04:02 ghost

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

ghost avatar Mar 06 '20 08:03 ghost

Happens when I hover over the tree icon

ghost avatar Mar 06 '20 08:03 ghost

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?

pastelsky avatar Sep 05 '20 13:09 pastelsky

I still see this (Firefox 82 on MacOS)

Schermata 2020-11-04 alle 17 39 08

keul avatar Nov 04 '20 16:11 keul

Me too in Firefox Dev

ghost avatar Nov 05 '20 01:11 ghost

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

keul avatar Nov 05 '20 08:11 keul

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

Browser: Microsoft Edge Dev OS: macOS 11.0.1

roansong avatar May 12 '21 08:05 roansong

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

image

Browser: Firefox 92

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

himynameisdave avatar Sep 24 '21 23:09 himynameisdave