Location of Tooltip is wrong in FlatList
bm181354 opened this issue · comments
When embedded inside the FlastList, tooltip component is shown at weird location. This only happens when you scroll the view and click the component embedded inside tooltip.
.....
<TooltipMenu
style={styles.tooltipMenu}
items={[
{
label: () => <Subheading style={{ textAlign: 'left', paddingRight: 16 }}>Edit</Subheading>,
onPress: () => {
// @ts-ignore
alert('pressed test');
},
},
{
label: () => <Subheading style={{ textAlign: 'left', color: '#F07167', paddingRight: 16 }}>Delete</Subheading>,
onPress: () => {
// @ts-ignore
alert('pressed test2');
},
},
]}
>
{/* ellipsis component @@*/}
<View style={styles.ellipse}>
<Icon name="ellipsis-horizontal" color={'#f39031'} size={22} />
</View>
</TooltipMenu>
.....
In my case, duplicate ellipsis component moves along with tooltip. Any idea why this is happening?
@bm181354 found a solution?