Fix onPress issue caused by blur event

FaridSafi · Dec 10, 2020 · dd8f63e · dd8f63e
1 parent 5190c9e
commit dd8f63e
Showing 1 changed file with 20 additions and 3 deletions.
diff --git a/GooglePlacesAutocomplete.js b/GooglePlacesAutocomplete.js
@@ -642,8 +642,24 @@ export const GooglePlacesAutocomplete = forwardRef((props, ref) => {
     );
   };
 
-  const _onBlur = () => {
+  const isNewFocusInAutocompleteResultList = ({ relatedTarget, currentTarget }) => {
+    if (!relatedTarget) return false;
+
+    var node = relatedTarget.parentNode;
+
+    while (node) {
+      if (node.id === 'result-list-id') return true;
+      node = node.parentNode;
+    }
+
+    return false;
+  }
+
+  const _onBlur = (e) => {
+    if (e && isNewFocusInAutocompleteResultList(e)) return;
+
     setListViewDisplayed(false);
+
     inputRef?.current?.blur();
   };
 
@@ -717,6 +733,7 @@ export const GooglePlacesAutocomplete = forwardRef((props, ref) => {
     ) {
       return (
         <FlatList
+          nativeID="result-list-id"
           scrollEnabled={!props.disableScroll}
           style={[
             props.suppressDefaultStyles ? {} : defaultStyles.listView,
@@ -786,8 +803,8 @@ export const GooglePlacesAutocomplete = forwardRef((props, ref) => {
             }
             onBlur={
               onBlur
-                ? () => {
-                    _onBlur();
+                ? (e) => {
+                    _onBlur(e);
                     onBlur();
                   }
                 : _onBlur