Blur inserter search when keyboard closes (#34278)

Co-authored-by: jhnstn <[email protected]>
WordPress · Aug 25, 2021 · 2b3e162 · 2b3e162
1 parent 6897116
commit 2b3e162
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/packages/components/src/search-control/index.native.js b/packages/components/src/search-control/index.native.js
@@ -8,6 +8,7 @@ import {
 	TouchableOpacity,
 	Platform,
 	useColorScheme,
+	Keyboard,
 } from 'react-native';
 
 /**
@@ -116,12 +117,18 @@ function SearchControl( {
 		setCurrentStyles( futureStyles );
 	}, [ isActive, isDark ] );
 
-	useEffect(
-		() => () => {
+	useEffect( () => {
+		const keyboardHideSubscription = Keyboard.addListener(
+			'keyboardDidHide',
+			() => {
+				onCancel();
+			}
+		);
+		return () => {
 			clearTimeout( onCancelTimer.current );
-		},
-		[]
-	);
+			keyboardHideSubscription.remove();
+		};
+	}, [] );
 
 	const {
 		'search-control__container': containerStyle,