search

CreativeBulma / bulma-tooltip

Display a tooltip attached to any kind of element, in different position.
MIT License
76 stars 40 forks source link

Tooltip gets clipped off if placed on elements inside a scrollable div #26

Open charsi opened 2 years ago

charsi commented 2 years ago

Hi, thanks for this extension. Works really well except for this issue that I ran into -

image

^ see the tooltip getting clipped off on the left. This happens when placed inside a div that has overflow-y: auto;. And still happens even if I also apply overflow-x: visible;.

Any way to work around this? Ideally I want the tooltip to always show on top of everything else.

sample code - 


<div style="overflow-y: auto; max-height: 70vh; position: sticky;">
  <span class="icon has-text-danger has-tooltipl-multiline" data-tooltip="Last online: few seconds ago&#10; May 3, 2022">tooltip</span>
</div>
emphassis commented 2 years ago

Are you hard coding that tooltip, or have you found a way to dynamically say when it was actually online?

jLynx commented 1 year ago

I am having the same issue image

jLynx commented 1 year ago

Seems like its this issue https://github.com/CreativeBulma/bulma-tooltip/issues/2