fix: browser input

Author: edgarkhanzadian

apps/mobile/package.json

@@ -135,7 +135,7 @@
     "react-native-gesture-handler": "2.24.0",
     "react-native-get-random-values": "1.11.0",
     "react-native-keyboard-aware-scroll-view": "0.9.5",
-    "react-native-keyboard-controller": "1.17.1",
+    "react-native-keyboard-controller": "1.17.3",
     "react-native-localize": "3.4.1",
     "react-native-qrcode-svg": "6.3.15",
     "react-native-reanimated": "3.17.5",
@@ -144,7 +144,7 @@
     "react-native-svg": "15.11.2",
     "react-native-svg-transformer": "1.3.0",
     "react-native-view-shot": "4.0.3",
-    "react-native-webview": "13.13.5",
+    "react-native-webview": "13.14.1",
     "react-redux": "9.2.0",
     "readable-stream": "4.5.2",
     "redux-persist": "6.0.0",

apps/mobile/src/features/browser/browser/search-bar/use-search-bar-animated-styles.ts

@@ -1,4 +1,3 @@
-import { Platform } from 'react-native';
 import { useReanimatedKeyboardAnimation } from 'react-native-keyboard-controller';
 import {
   Extrapolation,
@@ -13,37 +12,20 @@ export function useSearchBarAnimatedStyles() {
   const keyboardAvoidingStyle = useAnimatedStyle(() => ({
     bottom: isUrlFocused.value ? -keyboardHeight.value : 0,
   }));
+
   const browserNavigationBarStyle = useAnimatedStyle(() => {
-    const displayStyles =
-      Platform.OS === 'android'
-        ? {
-            // use transform instead of zIndex as zIndex doesn't work well with webviews on android
-            transform: progress.value >= 0.5 ? [{ translateY: 200 }] : [{ translateY: 0 }],
-            zIndex: 100,
-          }
-        : {
-            zIndex: interpolate(progress.value, [0, 1], [100, -5], Extrapolation.CLAMP),
-          };
     return {
       opacity: interpolate(progress.value, [0, 1], [1, 0], Extrapolation.CLAMP),
-      ...displayStyles,
+      transform: progress.value >= 0.5 ? [{ translateY: 200 }] : [{ translateY: 0 }],
+      zIndex: 100,
     };
   });
   const searchBarStyle = useAnimatedStyle(() => {
-    const displayStyles =
-      Platform.OS === 'android'
-        ? {
-            // use transform instead of zIndex as zIndex doesn't work well with webviews on android
-            transform: progress.value >= 0.5 ? [{ translateY: 0 }] : [{ translateY: 200 }],
-            zIndex: 100,
-          }
-        : {
-            zIndex: interpolate(progress.value, [0, 1], [-5, 100], Extrapolation.CLAMP),
-          };
     return {
       // no need to interpolate as progress.value is a continuous value between 0 and 1
       opacity: progress.value,
-      ...displayStyles,
+      transform: progress.value >= 0.5 ? [{ translateY: 0 }] : [{ translateY: 200 }],
+      zIndex: 100,
     };
   });
   return { searchBarStyle, browserNavigationBarStyle, keyboardAvoidingStyle, isUrlFocused };

package.json

@@ -226,7 +226,7 @@
     "patchedDependencies": {
       "pofile@1.1.4": "patches/pofile@1.1.4.patch",
       "expo-secure-store@14.2.3": "patches/expo-secure-store@14.2.3.patch",
-      "react-native-webview@13.13.5": "patches/react-native-webview@13.13.5.patch"
+      "react-native-webview@13.14.1": "patches/react-native-webview@13.14.1.patch"
     }
   }
 }

packages/ui/package.json

@@ -54,7 +54,7 @@
     "react-native-reanimated": "3.17.5",
     "react-native-safe-area-context": "5.4.0",
     "react-native-svg": "15.11.2",
-    "react-native-webview": "13.13.5",
+    "react-native-webview": "13.14.1",
     "use-events": "1.4.2"
   },
   "devDependencies": {

…tches/react-native-webview@13.13.5.patch …tches/react-native-webview@13.14.1.patchpatches/react-native-webview@13.13.5.patch renamed to patches/react-native-webview@13.14.1.patch patches/react-native-webview@13.13.5.patch renamed to patches/react-native-webview@13.14.1.patch

@@ -1,25 +1,25 @@
 diff --git a/android/src/newarch/com/reactnativecommunity/webview/RNCWebViewManager.java b/android/src/newarch/com/reactnativecommunity/webview/RNCWebViewManager.java
-index ff2cba5f710988acafe9dbc42ca814ea8622d8c3..088a45ac3bd49d13c697d111441966a033ece6c9 100644
+index aa2223e0afdd226b8e1347cfdf51c43978c79a36..da0e2b669ae90e49646a9e07737550dd743517e1 100644
 --- a/android/src/newarch/com/reactnativecommunity/webview/RNCWebViewManager.java
 +++ b/android/src/newarch/com/reactnativecommunity/webview/RNCWebViewManager.java
-@@ -313,6 +313,12 @@ public class RNCWebViewManager extends ViewGroupManager<RNCWebViewWrapper>
+@@ -312,6 +312,12 @@ public class RNCWebViewManager extends ViewGroupManager<RNCWebViewWrapper>
+     public void setNewSource(RNCWebViewWrapper view, @Nullable ReadableMap value) {
          mRNCWebViewManagerImpl.setSource(view, value);
      }
- 
++ 
 +    @Override
 +    @ReactProp(name = "source")
 +    public void setSource(RNCWebViewWrapper view, @Nullable ReadableMap value) {
 +        mRNCWebViewManagerImpl.setSource(view, value);
 +    }
-+
+ 
      @Override
      @ReactProp(name = "textZoom")
-     public void setTextZoom(RNCWebViewWrapper view, int value) {
 diff --git a/src/RNCWebViewNativeComponent.ts b/src/RNCWebViewNativeComponent.ts
-index be8ba0869c14d40d9194c489a769bf2432e3874b..f556d795ee4991b37490fa79793237e239e40970 100644
+index 7dd9179f1dba9ec0449d208af388887cfaa0b401..d88e9f1bbe00cbc60a3966b0ee0bf871c1104bff 100644
 --- a/src/RNCWebViewNativeComponent.ts
 +++ b/src/RNCWebViewNativeComponent.ts
-@@ -290,6 +290,15 @@ export interface NativeProps extends ViewProps {
+@@ -291,6 +291,15 @@ export interface NativeProps extends ViewProps {
      html?: string;
      baseUrl?: string;
    }>;