The tooltip appears in the wrong position for the first time

[guilleSequeiraWolox]

Hi, sorry my english is bad.

I have the same problem of: https://github.com/jasongaare/react-native-walkthrough-tooltip/issues/2

I try to change version of library, before i had 0.4.0 and now I want change to 1.1.4

I can't you provide the code. are you sure that the problem was solve?

[jasongaare]

have you tried the useInteractionManager prop? it is happening during a transition?

[guilleSequeiraWolox]

i tried to put this prop, but didn't work. my code is:

function CustomCheckbox({
// props
}) {
return (
  <View style={[styles.container, style]}>
      <Tooltip
        backgroundColor={moreTranslucentBlack}
        isVisible={isToolTipVisible}
        tooltipStyle={styles.tooltip}
        contentStyle={styles.content}
        arrowSize={styles.arrowSize}
        content={
          <OneComponent  />
        }
        useInteractionManager
        placement="center"
        onClose={onCloseTooltip}>
       <OtherComponent>
         <TouchableOpacity onLongPress={ //open tooltip }  />
       <OtherComponent>
      </Tooltip>
    </View>
 );
}

that Component is wrapped by ScrollView. It is the only code I can provide you, sorry.

[guilleSequeiraWolox]

it's happening when i have a tooltip and a scroll in the view. I have a list of CustomCheckbox. When I press and hold on an item work well, then if I scroll and press and hold on another item the tooltip appears in a wrong position and then it moves to the correct position, then if I press (and hold) on another item it works well. I think the problem is when I do the scrolling. I put versions 1.0.0 and 1.1.4 and both works bad for me.

[jasongaare]

@guilleSequeiraWolox are you still experiencing this issue?

[gilshaan]

I have the same issue.

[bernhardt1]

Yea, there seems to be an issue with any content nested inside of Scrollviews

[Abhishek-Sankey]

I totally agree with @bernhardt1. If I open the tooltip at one position, scroll the screen and open again the tooltip then it flickers at last opened position and then open at the current clicked position.

[tamir61]

I totally agree with @bernhardt1. If I open the tooltip at one position, scroll the screen and open again the tooltip then it flickers at last opened position and then open at the current clicked position.

@jasongaare also happens to me. using Tooltip component inside of Flatlist causing the same issue as above

[pupimarti]

I have the same issue

[jdbbdj]

Encountering the same issue on my end where the setup is on contained in Text followed by Typography where the Tooltip is inside of the View then Followed by the another Typography

On this setup the positioning of the tooltip is misplaced on the initial position and when you scrolled the screen. Then I tried to configure the setup to be like

Right now this code works and has no issue on the positioning of the Tooltip, my only issue is the text is not wrapping with the flexWrap and those 3 elements(Typography-Tooltip-Typography) is being read as 3 line(though the flexWrap is workign if the Typography strings are less than 7 or 5 elements)

[CyxouD]

Probably related to https://github.com/jasongaare/react-native-walkthrough-tooltip/issues/118

[wl4dig3]

Encountering the same issue on my end where the setup is on contained in Text followed by Typography where the Tooltip is inside of the View then Followed by the another Typography

On this setup the positioning of the tooltip is misplaced on the initial position and when you scrolled the screen. Then I tried to configure the setup to be like

Right now this code works and has no issue on the positioning of the Tooltip, my only issue is the text is not wrapping with the flexWrap and those 3 elements(Typography-Tooltip-Typography) is being read as 3 line(though the flexWrap is workign if the Typography strings are less than 7 or 5 elements)

May be any animation is used in your component ? if so, try to add a setTimeOut to avoid the issue of misplacement.

[wl4dig3]

May be any animation is used in your component ? if so, try to add a setTimeOut to avoid the issue of misplacement.