react-native-walkthrough-tooltip icon indicating copy to clipboard operation
react-native-walkthrough-tooltip copied to clipboard

Android only - Tooltip rendered twice, with the overlapping tooltip rendered at the wrong position

Open arjuntare opened this issue 2 years ago • 7 comments

I am trying to display a tooltip on an item in a horizontally scrollable Carousel (react-native-snap-carousel), which is inside a vertical FlatList. I make sure to scroll the FlatList item into view before setting the tooltip visibility.

The issue is that there are two tooltips displayed, one as expected and one at the bottom of the screen, which overlaps the correct tooltip.

This is an Android specific issue, I have tested on iOS and it works as expected.

Screenshot_1661322642

arjuntare avatar Aug 24 '22 06:08 arjuntare

have you tried setting showChildInTooltip to false?

schlafnie avatar Aug 27 '22 08:08 schlafnie

have you tried setting showChildInTooltip to false?

Amazing! I was having the same issue and this resolved it. Thank you @schlafnie

richardkuiper avatar Aug 30 '22 10:08 richardkuiper

have you tried setting showChildInTooltip to false?

Thank you for the suggestion, but that will not highlight the element then, right?

arjuntare avatar Aug 30 '22 10:08 arjuntare

have the same issue too

hamam99 avatar Oct 11 '22 10:10 hamam99

Try to add this code in component Tooltip topAdjustment={Platform.OS === 'android' ? -StatusBar.currentHeight : 0}

hamam99 avatar Oct 11 '22 10:10 hamam99

I still have the same issue, @arjuntare did you managed to fix the problem yet?

huynhducduy avatar May 11 '23 20:05 huynhducduy

I still have the same issue, @arjuntare did you managed to fix the problem yet?

Hi @huynhducduy I wasn't able to get it working. Ended up showing the tooltip on the entire carousel instead of on the carousel's child item.

arjuntare avatar May 12 '23 05:05 arjuntare