react-native-autocomplete-dropdown icon indicating copy to clipboard operation
react-native-autocomplete-dropdown copied to clipboard

When closeOnBlur is set to true, and an attempt to scroll between suggestions is made, it closes.

Open dantecarlo opened this issue 3 years ago • 15 comments

When closeOnBlur is set to true, and an attempt to scroll between suggestions is made, it closes.

scroll

dantecarlo avatar Aug 03 '22 00:08 dantecarlo

Hi! Yes, if you need scroll, you should set it to false and handle close by yourself

onmotion avatar Aug 03 '22 03:08 onmotion

Do you have an example of how that could be handled? I'm looking for a way to check if the user is clicking outside of the "AutocompleteDropdown" component, including the dropdown.

Luuk05 avatar Dec 29 '22 18:12 Luuk05

Anyone know how to handle if user click outside of autocomplete dropdown close the suggestion list Please help

Amit1405 avatar Feb 21 '23 18:02 Amit1405

Any update on this?

rajesh-rt avatar Apr 20 '23 10:04 rajesh-rt

any update please

mriaz764 avatar Jul 17 '23 08:07 mriaz764

Yes , basically I needed two drop-down , so I handled Each other with their reference . Means when we click first drop-down then it will close second one and vice-versa .

Amit1405 avatar Jul 17 '23 10:07 Amit1405

Yes , basically I needed two drop-down , so I handled Each other with their reference . Means when we click first drop-down then it will close second one and vice-versa .

Okay and I want to close when user click outside in the screen

mriaz764 avatar Jul 17 '23 13:07 mriaz764

Use

Yes , basically I needed two drop-down , so I handled Each other with their reference . Means when we click first drop-down then it will close second one and vice-versa .

Okay and I want to close when user click outside in the screen

Use TouchbleOpacityWithoutfeeeback for main container for your screen

Amit1405 avatar Aug 30 '23 04:08 Amit1405

loving the library, but wish this was supported out-of-the-box. not sure the best solution.

trevorpfiz avatar Dec 24 '23 11:12 trevorpfiz

For those who are having a problem, still use this fork because in it I solved this problem

git+https://github.com/wesley44354/react-native-autocomplete-dropdown.git

wesley44354 avatar Jan 22 '24 19:01 wesley44354

**wesley44354 ** c

did you remove it>?

Donhv avatar May 04 '24 07:05 Donhv

Use

Yes , basically I needed two drop-down , so I handled Each other with their reference . Means when we click first drop-down then it will close second one and vice-versa .

Okay and I want to close when user click outside in the screen

Use TouchbleOpacityWithoutfeeeback for main container for your screen we cannot do it with multiple dropdown

Donhv avatar May 04 '24 07:05 Donhv

You can refer to the following method -> Add props:

closeOnBlur={true}
flatListProps={{
  keyboardDismissMode: undefined,
  onScrollBeginDrag: undefined,
}}

worked for me

ducdh-dev avatar Jun 04 '24 14:06 ducdh-dev

closeOnBlur={true} flatListProps={{ keyboardDismissMode: undefined, onScrollBeginDrag: undefined, }}

This working for android but ios Not working

boydchen411 avatar Jun 10 '24 02:06 boydchen411