From 66e27e6a58ac873b183724dca00b45bab52d3d89 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 14 Oct 2025 04:36:38 +0000
Subject: [PATCH 1/3] Initial plan


From eb40d9832619a8ebb412988dbedbe0c0a64cf9b9 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 14 Oct 2025 04:44:14 +0000
Subject: [PATCH 2/3] Add focusable prop to horizontal ScrollView for keyboard
 accessibility

Co-authored-by: anupriya13 <54227869+anupriya13@users.noreply.github.com>
---
 NewArch/src/examples/ScrollViewExample.tsx | 4 ++--
 src/examples/ScrollViewExample.tsx         | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/NewArch/src/examples/ScrollViewExample.tsx b/NewArch/src/examples/ScrollViewExample.tsx
index d6c12098..324c8b87 100644
--- a/NewArch/src/examples/ScrollViewExample.tsx
+++ b/NewArch/src/examples/ScrollViewExample.tsx
@@ -55,7 +55,7 @@ export const ScrollViewExamplePage: React.FunctionComponent<{navigation?: any}>
     but you can add any type of ReactNode inside of of a ScrollView.
   </Text>
 </ScrollView>`;
-  const example2jsx = `<ScrollView style={{height: 40}} horizontal={true}>
+  const example2jsx = `<ScrollView style={{height: 40}} horizontal={true} focusable={true}>
   <Text>
     Here is a very long snippet of text. The goal is for this text to be
     too long to fit inside this view which has a height restriction.
@@ -150,7 +150,7 @@ export const ScrollViewExamplePage: React.FunctionComponent<{navigation?: any}>
         </ScrollView>
       </Example>
       <Example title="A horizontal ScrollView." code={example2jsx}>
-        <ScrollView style={{height: 40}} horizontal={true}>
+        <ScrollView style={{height: 40}} horizontal={true} {...({focusable: true} as any)}>
           <Text style={{color: colors.text}}>
             Here is a very long snippet of text. The goal is for this text to be
             too long to fit inside this view which has a height restriction.
diff --git a/src/examples/ScrollViewExample.tsx b/src/examples/ScrollViewExample.tsx
index 0dc8b0c4..1d63b6d5 100644
--- a/src/examples/ScrollViewExample.tsx
+++ b/src/examples/ScrollViewExample.tsx
@@ -22,7 +22,7 @@ export const ScrollViewExamplePage: React.FunctionComponent<{}> = () => {
     but you can add any type of ReactNode inside of of a ScrollView.
   </Text>
 </ScrollView>`;
-  const example2jsx = `<ScrollView style={{height: 40}} horizontal={true}>
+  const example2jsx = `<ScrollView style={{height: 40}} horizontal={true} focusable={true}>
   <Text>
     Here is a very long snippet of text. The goal is for this text to be
     too long to fit inside this view which has a height restriction.
@@ -117,7 +117,7 @@ export const ScrollViewExamplePage: React.FunctionComponent<{}> = () => {
         </ScrollView>
       </Example>
       <Example title="A horizontal ScrollView." code={example2jsx}>
-        <ScrollView style={{height: 40}} horizontal={true}>
+        <ScrollView style={{height: 40}} horizontal={true} {...({focusable: true} as any)}>
           <Text style={{color: colors.text}}>
             Here is a very long snippet of text. The goal is for this text to be
             too long to fit inside this view which has a height restriction.

From b8b6195043f4d622f41cbb7a1ccccb27c883b58b Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 14 Oct 2025 04:54:23 +0000
Subject: [PATCH 3/3] Remove changes from src folder, keep only NewArch changes

Co-authored-by: anupriya13 <54227869+anupriya13@users.noreply.github.com>
---
 src/examples/ScrollViewExample.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/examples/ScrollViewExample.tsx b/src/examples/ScrollViewExample.tsx
index 1d63b6d5..0dc8b0c4 100644
--- a/src/examples/ScrollViewExample.tsx
+++ b/src/examples/ScrollViewExample.tsx
@@ -22,7 +22,7 @@ export const ScrollViewExamplePage: React.FunctionComponent<{}> = () => {
     but you can add any type of ReactNode inside of of a ScrollView.
   </Text>
 </ScrollView>`;
-  const example2jsx = `<ScrollView style={{height: 40}} horizontal={true} focusable={true}>
+  const example2jsx = `<ScrollView style={{height: 40}} horizontal={true}>
   <Text>
     Here is a very long snippet of text. The goal is for this text to be
     too long to fit inside this view which has a height restriction.
@@ -117,7 +117,7 @@ export const ScrollViewExamplePage: React.FunctionComponent<{}> = () => {
         </ScrollView>
       </Example>
       <Example title="A horizontal ScrollView." code={example2jsx}>
-        <ScrollView style={{height: 40}} horizontal={true} {...({focusable: true} as any)}>
+        <ScrollView style={{height: 40}} horizontal={true}>
           <Text style={{color: colors.text}}>
             Here is a very long snippet of text. The goal is for this text to be
             too long to fit inside this view which has a height restriction.