From 5d7d5f7eec384a31d767a768b7d02c094b4508bb Mon Sep 17 00:00:00 2001
From: Masoud Fallahpourbaee <m.fallahpourbaee@klarna.com>
Date: Fri, 13 Oct 2023 14:48:04 +0200
Subject: [PATCH] Fix a scroll issue in StandaloneWebViewScreen.tsx

---
 .../src/standalonewebview/StandaloneWebViewScreen.tsx    | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/TestApp/src/standalonewebview/StandaloneWebViewScreen.tsx b/TestApp/src/standalonewebview/StandaloneWebViewScreen.tsx
index 78c37422..07e5b87f 100644
--- a/TestApp/src/standalonewebview/StandaloneWebViewScreen.tsx
+++ b/TestApp/src/standalonewebview/StandaloneWebViewScreen.tsx
@@ -10,7 +10,6 @@ import {
 } from 'react-native-klarna-inapp-sdk';
 import Button from '../common/ui/view/Button';
 
-// TODO pass the required props
 export default function StandaloneWebViewScreen() {
   const klarnaStandaloneWebViewRef = useRef<KlarnaStandaloneWebView>(null);
   const [url, setUrl] = useState('');
@@ -91,7 +90,10 @@ export default function StandaloneWebViewScreen() {
   };
 
   return (
-    <View>
+    <View
+      style={{
+        flex: 1,
+      }}>
       <View
         /* eslint-disable-next-line react-native/no-inline-styles */
         style={{
@@ -112,8 +114,7 @@ export default function StandaloneWebViewScreen() {
         ref={klarnaStandaloneWebViewRef}
         /* eslint-disable-next-line react-native/no-inline-styles */
         style={{
-          width: '100%',
-          height: '100%',
+          flex: 1,
         }}
         returnUrl={'returnUrl://'}
         onBeforeLoad={(event: KlarnaWebViewNavigationEvent) => {