Tooltips within a ScrollView

[naumanzchaudhry]

Thanks @Stringsaeed for the great package especially the Non-Modal implementation

For our use case, we need to present the tooltip whenever some word is tapped right above that word. This works fine until we wrap our content within a ScrollView. Tooltip doesn't adjust as per the visible height of the scroll view. Rather shows up where the word would actually be when using a View component.

How to reproduce the issue
Scroll the content a bit and then tap on some word and check the tooltip position.

Snack: https://snack.expo.dev/@naumanzafarch/tooltip-in-scrollview?platform=android

[Stringsaeed]

you're welcome, sir

All you need to move PortalProvider inside the ScrollView

I will update the docs and example with ScrollView case

check this snack

[naumanzchaudhry]

@Stringsaeed thanks for taking your time, yeah this works, I already got it working with this in another snack, but this doesn't work with first line.I am already working on a fix for this as well. This seems smooth for my use case.

Snack: https://snack.expo.dev/@naumanzafarch/scrollbar-tt-test

Notice the scrollOffset state variable which I set on onScroll event & then use it on the TooltipContent container. Also, PortalProvider is still wrapping the ScrollView