From 3040863506254b680e1897d2c7ac746ed56f4a39 Mon Sep 17 00:00:00 2001
From: Caspian Zhao <caspian.zhao@outlook.com>
Date: Fri, 29 Nov 2024 17:59:38 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20add=20pointerEvents:=20=E2=80=98box-none?=
 =?UTF-8?q?=E2=80=99=20to=20ItemLayout=20(#733)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

<!-- Is this PR related to an open issue? -->
<!-- GitHub: Fixes #0, Relates to #1, etc. -->

### Description

<!-- Summary of changes and why if no corresponding issue -->

### Review

- [ ] I self-reviewed this PR

<!-- Call out any changes that you'd like people to review or feedback on -->

### Testing

- [ ] I added/updated tests
- [ ] I manually tested

<!-- Describe any manual testing -->
---
 .changeset/mean-needles-rhyme.md | 5 +++++
 src/components/ItemLayout.tsx    | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/mean-needles-rhyme.md

diff --git a/.changeset/mean-needles-rhyme.md b/.changeset/mean-needles-rhyme.md
new file mode 100644
index 00000000..29c02c41
--- /dev/null
+++ b/.changeset/mean-needles-rhyme.md
@@ -0,0 +1,5 @@
+---
+"react-native-reanimated-carousel": patch
+---
+
+Add pointerEvents: ‘box-none’ to ItemLayout component to allow touches for children components outside item boundaries
diff --git a/src/components/ItemLayout.tsx b/src/components/ItemLayout.tsx
index 1218a384..fb432684 100644
--- a/src/components/ItemLayout.tsx
+++ b/src/components/ItemLayout.tsx
@@ -73,6 +73,7 @@ export const ItemLayout: React.FC<{
           width: width || "100%",
           height: height || "100%",
           position: "absolute",
+          pointerEvents: "box-none",
         },
         animatedStyle,
       ]}