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

Location of Tooltip is wrong in FlatList

Open bm181354 opened this issue 3 years ago • 1 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 avatar Mar 22 '22 16:03 bm181354

@bm181354 found a solution?

x7Michi10x avatar Aug 09 '23 11:08 x7Michi10x