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 not scrollable + Dropdown does not close when tapped outside #132

Open
catalinag26 opened this issue Jul 16, 2024 · 0 comments
Open

Comments

@catalinag26
Copy link

Versions:
"react-native": "0.73.6",
"react-native-autocomplete-dropdown": "3.1.5",
"expo": "^50.0.17"

Issue:
I am using the example from the documentation and the dropdown is not scrollable and does not close when I tap outside. I saw there were some tickets with the same issues, but they were either closed or unanswered.

Tested solutions:

  • remove closeOnBlur which fixes the scroll, but I still need the dropdown to close when I tap outside
  • handle the dropdown close with custom code using controller prop and "react-native-outside-press": "^1.2.2", but no luck because I couldn't choose an option anymore

The last RC ^4.0.0-rc.5 seems to work just fine in these cases, but is there any other solution besides using a release candidate?

<AutocompleteDropdown
        clearOnFocus={false}
        // closeOnBlur={true}
        closeOnSubmit={false}
        onSelectItem={setSelectedItem}
        dataSet={[
          { id: '1', title: 'Alpha' },
          { id: '2', title: 'Beta' },
          { id: '3', title: 'Gamma' },
          { id: '4', title: 'Alpha' },
          { id: '5', title: 'Beta' },
          { id: '6', title: 'Gamma' }
        ]}
      />
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

1 participant