fix: Scrollview keyboardShouldPersistTaps fix

juspay · Oct 17, 2024 · 68c3ed2 · 68c3ed2
1 parent 2fbeaf9
commit 68c3ed2
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 6 deletions.
diff --git a/src/components/common/CustomPicker.res b/src/components/common/CustomPicker.res
@@ -125,6 +125,7 @@ let make = (
           <Space />
           <FlatList
             ref={pickerRef->ReactNative.Ref.value}
+            keyboardShouldPersistTaps={#handled}
             data={items->Array.filter(x =>
               x.name
               ->String.toLowerCase

diff --git a/src/components/common/CustomView.res b/src/components/common/CustomView.res
@@ -69,6 +69,7 @@ module Wrapper = {
     let {bgColor} = ThemebasedStyle.useThemeBasedStyle()
 
     <Animated.ScrollView
+      keyboardShouldPersistTaps={#handled}
       style={array([
         viewStyle(~flexGrow=1., ~width, ~minHeight=250.->dp, ~padding=20.->dp, ()),
         bgColor,

diff --git a/src/components/elements/Klarna.res b/src/components/elements/Klarna.res
@@ -80,7 +80,9 @@ let make = (
   }
 
   <ScrollView
-    pointerEvents=#none style={Style.viewStyle(~height=220.->Style.dp, ~borderRadius=15., ())}>
+    keyboardShouldPersistTaps=#handled
+    pointerEvents=#none
+    style={Style.viewStyle(~height=220.->Style.dp, ~borderRadius=15., ())}>
     {React.array(
       Array.map(paymentMethods, paymentMethod => {
         <KlarnaModule

diff --git a/src/components/elements/ScrollableCustomTopBar.res b/src/components/elements/ScrollableCustomTopBar.res
@@ -124,6 +124,7 @@ let make = (
     <View style={viewStyle(~height, ())}>
       <FlatList
         ref={flatlistRef->ReactNative.Ref.value}
+        keyboardShouldPersistTaps={#handled}
         data=hocComponentArr
         style={viewStyle(~flex=1., ~width=100.->pct, ())}
         showsHorizontalScrollIndicator=false

diff --git a/src/pages/hostedCheckout/HostedCheckout.res b/src/pages/hostedCheckout/HostedCheckout.res
@@ -39,6 +39,7 @@ let make = () => {
 
   <View style={array([viewStyle(~flex=1., ()), bgColor])}>
     <ScrollView
+      keyboardShouldPersistTaps={#handled}
       showsHorizontalScrollIndicator={false}
       contentContainerStyle={viewStyle(~flexGrow=1., ~paddingBottom=40.->dp, ())}>
       <View style={array([parentViewStyle, viewStyle(~flex=1., ~marginHorizontal=15.->dp, ())])}>

diff --git a/src/pages/payment/SavedPMListWithLoader.res b/src/pages/payment/SavedPMListWithLoader.res
@@ -101,7 +101,7 @@ let make = (
 
   allApiData.savedPaymentMethods == Loading
     ? <LoadingPmList />
-    : <ScrollView>
+    : <ScrollView keyboardShouldPersistTaps=#handled>
         {listArr
         ->Array.mapWithIndex((item, i) => {
           <SaveCardsList.PaymentMethodListView

diff --git a/src/pages/payment/SavedPaymentScreenChild.res b/src/pages/payment/SavedPaymentScreenChild.res
@@ -60,5 +60,6 @@ let make = (
           />
         </>
       : React.null}
+    <Space height=12. />
   </>
 }
diff --git a/src/pages/paymentMethodsManagement/PaymentMethodsManagement.res b/src/pages/paymentMethodsManagement/PaymentMethodsManagement.res
@@ -100,13 +100,11 @@ let make = () => {
       </View>
     : savedMethods->Array.length > 0
     ? <View style={viewStyle(~backgroundColor=component.background, ~height=100.->pct, ())}>
-      <ScrollView>
+      <ScrollView keyboardShouldPersistTaps=#handled>
         {savedMethods
         ->Array.mapWithIndex((item, i) => {
           <PaymentMethodListItem
-            key={i->Int.toString}
-            pmDetails={item}
-            handleDelete=handleDeletePaymentMethods
+            key={i->Int.toString} pmDetails={item} handleDelete=handleDeletePaymentMethods
           />
         })
         ->React.array}