Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown menu cuts off when component is in a scrollview #240

Closed
zaiisao opened this issue Apr 9, 2021 · 2 comments
Closed

Dropdown menu cuts off when component is in a scrollview #240

zaiisao opened this issue Apr 9, 2021 · 2 comments

Comments

@zaiisao
Copy link

zaiisao commented Apr 9, 2021

Describe the bug
If you have a dropdown component in a scroll view, then the options cut off. This issue is not there if a regular view is used.

To Reproduce
You can check refer to the Expo snack below.
Expo Snack: https://snack.expo.io/5A3BvxF1w

Expected behavior
The options should appear and not be clipped by the boundaries of the scroll view, just like how it does not get clipped when inside a regular view.

Screenshots
What it looks like with a ScrollView container:
IMG_1896

What it looks like with a View container:
IMG_1897

Info (please complete the following information):

  • OS: Both iOS and Android
  • Package version 4.0.5
@zaiisao
Copy link
Author

zaiisao commented Apr 9, 2021

Setting the style of the scroll view as overflow: 'visible' seems to do the trick. Should have done some Googling prior!

@zaiisao zaiisao closed this as completed Apr 9, 2021
@nathantew14
Copy link

nathantew14 commented Sep 28, 2023

Setting the style of the scroll view as overflow: 'visible' seems to do the trick. Should have done some Googling prior!

setting that prevents scrolling on android. can we get this issue opened again?

Edit: fixed with these props:

<View style={{ borderWidth: 1, height: "100%" }}>
  <ScrollView contentContainerStyle={{ flexGrow: 1 }}>
    {content}
  </ScrollView>
</View>;

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants