From 3b84adf64559b692ebf41a4b71c48591a6429488 Mon Sep 17 00:00:00 2001
From: Adrian Castro <22133246+castdrian@users.noreply.github.com>
Date: Tue, 13 Feb 2024 20:03:37 +0100
Subject: [PATCH] fix: keyboard catching taps on search component

---
 apps/expo/src/app/(tabs)/search/_layout.tsx | 5 ++++-
 apps/expo/src/components/item/item.tsx      | 3 ++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/expo/src/app/(tabs)/search/_layout.tsx b/apps/expo/src/app/(tabs)/search/_layout.tsx
index 63937ac..cc8f237 100644
--- a/apps/expo/src/app/(tabs)/search/_layout.tsx
+++ b/apps/expo/src/app/(tabs)/search/_layout.tsx
@@ -22,7 +22,10 @@ export default function SearchScreen() {
   };
 
   return (
-    <ScrollView>
+    <ScrollView
+      keyboardDismissMode="on-drag"
+      keyboardShouldPersistTaps="handled"
+    >
       <ScreenLayout
         title={
           <View className="flex-row items-center">
diff --git a/apps/expo/src/components/item/item.tsx b/apps/expo/src/components/item/item.tsx
index 196ddda..43a1337 100644
--- a/apps/expo/src/components/item/item.tsx
+++ b/apps/expo/src/components/item/item.tsx
@@ -1,4 +1,4 @@
-import { Image, TouchableOpacity, View } from "react-native";
+import { Image, Keyboard, TouchableOpacity, View } from "react-native";
 import { useRouter } from "expo-router";
 
 import { Text } from "~/components/ui/Text";
@@ -16,6 +16,7 @@ export default function Item({ data }: { data: ItemData }) {
   const { title, type, year, posterUrl } = data;
 
   const handlePress = () => {
+    Keyboard.dismiss();
     router.push({
       pathname: "/videoPlayer/loading",
       params: { data: JSON.stringify(data) },