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

[charsi]

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

^ 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]

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

[jLynx]

I am having the same issue

[jLynx]

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