gluestack-ui icon indicating copy to clipboard operation
gluestack-ui copied to clipboard

Published 20 hours ago • verified publisher icon gluestack

Popover on Android is not placed as expected

Open sem4phor opened this issue 1 year ago • 2 comments

Description

On Web & iOS the Content of the Popover is positioned near the trigger. On Android it is positioned in the middle of the screen. If it is intended to be like this it would be great to have it dcumented :)

CodeSandbox/Snack link

No response

Steps to reproduce

  1. Build any app with gluestack
  2. Copy the popover example
  3. Open on android and see that the popover is in the middle
  4. open on ios and see the popover is next to the trigger element

gluestack-ui Version

1.1.3

Platform

  • [X] Expo
  • [ ] React Native CLI
  • [ ] Next
  • [ ] Web
  • [X] Android
  • [ ] iOS

Other Platform

No response

Additional Information

Workaround is to style the popover with flexbox but offset and placement are not working :(

sem4phor avatar Feb 05 '24 16:02 sem4phor

@sem4phor Could you please provide the code for us? This would aid in gaining a better understanding of your issue, enabling us to reproduce it more effectively.

RishabhSahu24 avatar Feb 12 '24 07:02 RishabhSahu24

Sue i added a repository for reproduction here: https://github.com/sem4phor/gluestack-ui-1751

Just open android and play around with the PopoverDemo's offset and placement props :) (The code is copied from the popover demos of the docs)

sem4phor avatar Feb 12 '24 08:02 sem4phor

Hey @sem4phor, Tried experimenting with the gluestack-ui Popover component here. And it works fine on Android.

DaminiPandey avatar May 28 '24 10:05 DaminiPandey

@DaminiPandey Okay yes in a sandbox it seems to work thank you! Not sure why it is not working for us 🤷 I will close this issue then.

sem4phor avatar May 28 '24 11:05 sem4phor