Skip to content
This repository was archived by the owner on Oct 1, 2024. It is now read-only.
This repository was archived by the owner on Oct 1, 2024. It is now read-only.

Location of Tooltip is wrong in FlatList #36

Description

@bm181354

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?

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions