Tooltip position is not calculated correctly in modal and tooltip is cut off

[GBora]

When I use react-tooltip-lite in a modal somehow the left is no calculated correctly and the tooltip is rendered with part of it cutoff.

This only happens when I use it in desktop in a modal, if the page has a similar size due to being on mobile the tooltip is rendered perfectly.

Not sure I think it takes into account the size of the entire screen so when it thinks it has a large desktop screen it renders itself beyond the edges of the modal.

[Filipeue]

Hi, don't you have the same issue on mobile as I described here #84 ? If not can you share som code about usage this lib maybe and I am using it wrong and some keys are required...

[GBora]

Hi, don't you have the same issue on mobile as I described here #84 ? If not can you share som code about usage this lib maybe and I am using it wrong and some keys are required...

No sorry, it's not your issue.

I can't post code the context is more complicated.

You can replicate the issue by for example using it in a parent div then shrinking the div the tooltip will overhang.

When used on mobile, when the parent isn't less wide than the screen the tooltips works as intented.

[bsidelinger912]

Hey @GBora, yeah it's not considering the modal to be a boundary, just the edge of the screen. Can you send a screenshot of what it looks like? The idea of specifying some boundary div to constrain itself within has been floated before, but I wasn't wanting to take on the complexity of that for this simple component. I can think about it a little more and a visual of what your seeing helps.