From 05be118c6a88f8437c3e09c4ad3d9f977dd7830b Mon Sep 17 00:00:00 2001
From: Nitzan Yizhar <nitzany@wix.com>
Date: Thu, 13 Feb 2025 13:53:34 +0200
Subject: [PATCH 1/2] Increased hitslop by 20 to top and bottom

---
 src/components/textField/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/textField/index.tsx b/src/components/textField/index.tsx
index 9ea6381d48..1e61189909 100644
--- a/src/components/textField/index.tsx
+++ b/src/components/textField/index.tsx
@@ -194,6 +194,7 @@ const TextField = (props: InternalTextFieldProps) => {
                 />
               )}
               <Input
+                hitSlop={{top: 20, bottom: 20}}
                 placeholderTextColor={hidePlaceholder ? 'transparent' : placeholderTextColor}
                 value={fieldState.value}
                 {...others}

From c3779f694157c55b8f11a537eed8e6f91c74a71c Mon Sep 17 00:00:00 2001
From: Nitzan Yizhar <nitzany@wix.com>
Date: Thu, 13 Feb 2025 13:58:56 +0200
Subject: [PATCH 2/2] Updated snapshots with hitslop prop

---
 .../TextFieldScreen.spec.js.snap              | 126 ++++++++++++++++++
 1 file changed, 126 insertions(+)

diff --git a/demo/src/screens/__tests__/__snapshots__/TextFieldScreen.spec.js.snap b/demo/src/screens/__tests__/__snapshots__/TextFieldScreen.spec.js.snap
index 234127c0c9..1a4d14575a 100644
--- a/demo/src/screens/__tests__/__snapshots__/TextFieldScreen.spec.js.snap
+++ b/demo/src/screens/__tests__/__snapshots__/TextFieldScreen.spec.js.snap
@@ -177,6 +177,12 @@ exports[`TextField Screen renders screen 1`] = `
                 }
               }
               editable={true}
+              hitSlop={
+                {
+                  "bottom": 20,
+                  "top": 20,
+                }
+              }
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -632,6 +638,12 @@ exports[`TextField Screen renders screen 1`] = `
                 }
               }
               editable={true}
+              hitSlop={
+                {
+                  "bottom": 20,
+                  "top": 20,
+                }
+              }
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -1166,6 +1178,12 @@ exports[`TextField Screen renders screen 1`] = `
                 }
               }
               editable={false}
+              hitSlop={
+                {
+                  "bottom": 20,
+                  "top": 20,
+                }
+              }
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -1527,6 +1545,12 @@ exports[`TextField Screen renders screen 1`] = `
                   }
                 }
                 editable={true}
+                hitSlop={
+                  {
+                    "bottom": 20,
+                    "top": 20,
+                  }
+                }
                 onBlur={[Function]}
                 onChangeText={[Function]}
                 onFocus={[Function]}
@@ -1752,6 +1776,12 @@ exports[`TextField Screen renders screen 1`] = `
                   }
                 }
                 editable={true}
+                hitSlop={
+                  {
+                    "bottom": 20,
+                    "top": 20,
+                  }
+                }
                 onBlur={[Function]}
                 onChangeText={[Function]}
                 onFocus={[Function]}
@@ -2111,6 +2141,12 @@ exports[`TextField Screen renders screen 1`] = `
                   }
                 }
                 editable={true}
+                hitSlop={
+                  {
+                    "bottom": 20,
+                    "top": 20,
+                  }
+                }
                 onBlur={[Function]}
                 onChangeText={[Function]}
                 onFocus={[Function]}
@@ -2420,6 +2456,12 @@ exports[`TextField Screen renders screen 1`] = `
                   }
                 }
                 editable={true}
+                hitSlop={
+                  {
+                    "bottom": 20,
+                    "top": 20,
+                  }
+                }
                 onBlur={[Function]}
                 onChangeText={[Function]}
                 onFocus={[Function]}
@@ -2979,6 +3021,12 @@ exports[`TextField Screen renders screen 1`] = `
                 }
               }
               editable={true}
+              hitSlop={
+                {
+                  "bottom": 20,
+                  "top": 20,
+                }
+              }
               onBlur={[Function]}
               onChangeText={[Function]}
               onChangeValidity={[Function]}
@@ -3317,6 +3365,12 @@ exports[`TextField Screen renders screen 1`] = `
                   }
                 }
                 editable={true}
+                hitSlop={
+                  {
+                    "bottom": 20,
+                    "top": 20,
+                  }
+                }
                 maxLength={20}
                 onBlur={[Function]}
                 onChangeText={[Function]}
@@ -3739,6 +3793,12 @@ exports[`TextField Screen renders screen 1`] = `
                 }
               }
               editable={true}
+              hitSlop={
+                {
+                  "bottom": 20,
+                  "top": 20,
+                }
+              }
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -4161,6 +4221,12 @@ exports[`TextField Screen renders screen 1`] = `
                 }
               }
               editable={true}
+              hitSlop={
+                {
+                  "bottom": 20,
+                  "top": 20,
+                }
+              }
               maxLength={20}
               multiline={true}
               onBlur={[Function]}
@@ -4484,6 +4550,12 @@ exports[`TextField Screen renders screen 1`] = `
                 }
               }
               editable={true}
+              hitSlop={
+                {
+                  "bottom": 20,
+                  "top": 20,
+                }
+              }
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -4776,6 +4848,12 @@ exports[`TextField Screen renders screen 1`] = `
                 }
               }
               editable={true}
+              hitSlop={
+                {
+                  "bottom": 20,
+                  "top": 20,
+                }
+              }
               keyboardType="numeric"
               onBlur={[Function]}
               onChangeText={[Function]}
@@ -5092,6 +5170,12 @@ exports[`TextField Screen renders screen 1`] = `
                 }
               }
               editable={true}
+              hitSlop={
+                {
+                  "bottom": 20,
+                  "top": 20,
+                }
+              }
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -5825,6 +5909,12 @@ exports[`TextField Screen renders screen 1`] = `
                 }
               }
               editable={true}
+              hitSlop={
+                {
+                  "bottom": 20,
+                  "top": 20,
+                }
+              }
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -6119,6 +6209,12 @@ exports[`TextField Screen renders screen 1`] = `
                 }
               }
               editable={true}
+              hitSlop={
+                {
+                  "bottom": 20,
+                  "top": 20,
+                }
+              }
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -6442,6 +6538,12 @@ exports[`TextField Screen renders screen 1`] = `
                 }
               }
               editable={true}
+              hitSlop={
+                {
+                  "bottom": 20,
+                  "top": 20,
+                }
+              }
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -6811,6 +6913,12 @@ exports[`TextField Screen renders screen 1`] = `
                 }
               }
               editable={true}
+              hitSlop={
+                {
+                  "bottom": 20,
+                  "top": 20,
+                }
+              }
               onBlur={[Function]}
               onChangeText={[Function]}
               onFocus={[Function]}
@@ -7085,6 +7193,12 @@ exports[`TextField Screen renders screen 1`] = `
                   }
                 }
                 editable={true}
+                hitSlop={
+                  {
+                    "bottom": 20,
+                    "top": 20,
+                  }
+                }
                 onBlur={[Function]}
                 onChangeText={[Function]}
                 onFocus={[Function]}
@@ -7334,6 +7448,12 @@ exports[`TextField Screen renders screen 1`] = `
                   }
                 }
                 editable={true}
+                hitSlop={
+                  {
+                    "bottom": 20,
+                    "top": 20,
+                  }
+                }
                 onBlur={[Function]}
                 onChangeText={[Function]}
                 onFocus={[Function]}
@@ -7599,6 +7719,12 @@ exports[`TextField Screen renders screen 1`] = `
                   }
                 }
                 editable={true}
+                hitSlop={
+                  {
+                    "bottom": 20,
+                    "top": 20,
+                  }
+                }
                 onBlur={[Function]}
                 onChangeText={[Function]}
                 onFocus={[Function]}