Popover bouncing left to right (vice versa) on android

[rhenmark]

How to fix the bouncing of popover on android? Thank you in advance.

[doomsower]

Can you provide some code example, so I can see this bouncing? Because I don't see anything wrong with popovers in my app, and the gif looks alright to me too.

[rhenmark]

it is working great on IOS but on android has an issue
<PopoverTouchable onPopoverDisplayed={() => console.log('Popover displayed!')}>





Block User

<TouchableOpacity style={styles.reportBtn} onPress={() =>{this.popupDialog.show()}}>
Report User

[doomsower]

This is incomplete code sample (tags are not closed), but I think I get your idea.
You have a popover with a couple of TouchableOpacities inside?

[rhenmark]

here is the link sir https://docs.google.com/document/d/1D36e22cGYYIVpxtGPLYYvzjJ65ntHJZEvyXOcpAqaak/edit?usp=sharing

I can't paste the code here...

[doomsower]

OK, I'll look into this.
I'll copy this code here, If you don't mind:

<PopoverTouchable onPopoverDisplayed={() => console.log('Popover displayed!')}>
      <TouchableOpacity style={styles.profileAction_btn}>
          <Icon name='md-flag' style={styles.txtWhite}/>
      </TouchableOpacity>
      <Popover
          placement='left'
        contentStyle={styles.content}
        arrowStyle={styles.arrow}
        backgroundStyle={styles.background}
        visible={false}
      >
          <TouchableOpacity style={styles.reportBtn}>
            <Text style={styles.txtWhite}>Block User</Text>
          </TouchableOpacity>
          <TouchableOpacity style={styles.reportBtn} onPress={() =>{this.popupDialog.show()}}>
            <Text style={styles.txtWhite}>Report User</Text>
          </TouchableOpacity>
  </Popover>
</PopoverTouchable>

[rhenmark]

okay sir . advance thank you

[doomsower]

Can you please add a screenshot of open popover and post your styles?
I tried to replicate your example, but it seems the issue is not with touchables, but with positioning/styles...

[rhenmark]

Thanks a lot, the bouncing effect is only shown on emulator but not in real device.

[doomsower]

Still, could you please provide a screenshot? Other users have reported similar issues and I am interested in reproducing/fixing it myself.

[rhenmark]

can i get your email sir? I'll share the link of recorded video.

[doomsower]

Please mail to [email protected]. Thanks in advance.

[rhenmark]

just check your email sir. Thanks

[doomsower]

I spent some more time trying to reproduce this issue and I couldn't make it bounce on emulator.
What is really strange is that if you play this video frame by frame, the popover starts in rotated position. I have absolutely no idea how rotation can leak into popover/content props. Do you have rotation anywhere in your styles related to popover or its touchable?
I'd appreciate it immensely if you provided whole reproduction code, with styles, layout and all...

[lytrunghieu]

I'm think maybe cause animation , How can disable animation ? @doomsower

[doomsower]

I changed some things and published v0.0.3. However I'm still unable to reproduce this bug.
If someone can provide code that produces this effect I would greatly appreciate it.

[sraka1]

I'm consistently getting this on Android as well. Indeed, the popover is inverted (rotated 180deg) for a split second (couple ms), which produces a weird effect... Will try to create a reproducible example.

[ArturShoba]

It is reproducible for me too, but only on Galaxy S8+ device

[Pranit-Harekar]

Reproducible for us too. Although we are not directly using your library, Ant react native library has this library as a dependency. Is there any fix?