From 74e81a94650ee6c90e40e288a38d2de7cb2db12f Mon Sep 17 00:00:00 2001
From: abdulbasithqb <abdul.basith@qburst.com>
Date: Mon, 13 Nov 2023 13:29:40 +0530
Subject: [PATCH 1/2] fix: TextInput loses focus inside Banner on iOS only
 #4178

---
 src/components/Banner.tsx | 46 ++++++++++++++++++++++++++-------------
 1 file changed, 31 insertions(+), 15 deletions(-)

diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
index 5e343c5785..4bb88086eb 100644
--- a/src/components/Banner.tsx
+++ b/src/components/Banner.tsx
@@ -189,6 +189,36 @@ const Banner = ({
     Animated.add(position, -1),
     layout.height
   );
+
+  const renderChildrenWithWrapper = () => {
+    if (typeof children === 'string') {
+      return (
+        <Text
+          style={[
+            styles.message,
+            {
+              color: theme.isV3 ? theme.colors.onSurface : theme.colors.text,
+            },
+          ]}
+          accessibilityLiveRegion={visible ? 'polite' : 'none'}
+          accessibilityRole="alert"
+          maxFontSizeMultiplier={maxFontSizeMultiplier}
+        >
+          {children}
+        </Text>
+      );
+    }
+    return (
+      <View
+        style={styles.content}
+        accessibilityLiveRegion={visible ? 'polite' : 'none'}
+        accessibilityRole="alert"
+      >
+        {children}
+      </View>
+    );
+  };
+
   return (
     <Surface
       {...rest}
@@ -220,21 +250,7 @@ const Banner = ({
                 <Icon source={icon} size={40} />
               </View>
             ) : null}
-            <Text
-              style={[
-                styles.message,
-                {
-                  color: theme.isV3
-                    ? theme.colors.onSurface
-                    : theme.colors.text,
-                },
-              ]}
-              accessibilityLiveRegion={visible ? 'polite' : 'none'}
-              accessibilityRole="alert"
-              maxFontSizeMultiplier={maxFontSizeMultiplier}
-            >
-              {children}
-            </Text>
+            {renderChildrenWithWrapper()}
           </View>
           <View style={styles.actions}>
             {actions.map(({ label, ...others }, i) => (

From f1f8c58505afff7e40a025657f1cade4ca171fcb Mon Sep 17 00:00:00 2001
From: abdulbasithqb <abdul.basith@qburst.com>
Date: Tue, 28 Nov 2023 18:39:24 +0530
Subject: [PATCH 2/2] fix: removed duplicated style content

---
 src/components/Banner.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx
index 4bb88086eb..b93ba6df05 100644
--- a/src/components/Banner.tsx
+++ b/src/components/Banner.tsx
@@ -210,7 +210,6 @@ const Banner = ({
     }
     return (
       <View
-        style={styles.content}
         accessibilityLiveRegion={visible ? 'polite' : 'none'}
         accessibilityRole="alert"
       >