From 84ce481c8cb0d7d4be6e2c48328f4fd82ca7705a Mon Sep 17 00:00:00 2001 From: Francesco Clementi Date: Tue, 28 Apr 2026 11:35:12 +0200 Subject: [PATCH 1/5] Update Modal wrapper style to ensure absolute positioning --- src/components/Modal.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx index dc55c3cf7a..c7f4249d61 100644 --- a/src/components/Modal.tsx +++ b/src/components/Modal.tsx @@ -236,7 +236,13 @@ const styles = StyleSheet.create({ flex: 1, }, wrapper: { - ...StyleSheet.absoluteFillObject, + ...(StyleSheet.absoluteFillObject || { + position: 'absolute', + left: 0, + right: 0, + top: 0, + bottom: 0, + }), justifyContent: 'center', }, // eslint-disable-next-line react-native/no-color-literals From 41fc3992d202e9049b45d29023fe1df98b94991d Mon Sep 17 00:00:00 2001 From: Francesco Clementi Date: Tue, 28 Apr 2026 11:36:28 +0200 Subject: [PATCH 2/5] Fix underlay style to ensure absolute positioning --- src/components/TouchableRipple/TouchableRipple.native.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/components/TouchableRipple/TouchableRipple.native.tsx b/src/components/TouchableRipple/TouchableRipple.native.tsx index 1cb17b4068..12e158e7a1 100644 --- a/src/components/TouchableRipple/TouchableRipple.native.tsx +++ b/src/components/TouchableRipple/TouchableRipple.native.tsx @@ -135,7 +135,13 @@ const styles = StyleSheet.create({ overflow: 'hidden', }, underlay: { - ...StyleSheet.absoluteFillObject, + ...(StyleSheet.absoluteFillObject || { + position: 'absolute', + left: 0, + right: 0, + top: 0, + bottom: 0, + }), zIndex: 2, }, }); From 89c86287d7f3f04e9c4b65baaeafab2a4ce0d6dd Mon Sep 17 00:00:00 2001 From: Francesco Clementi Date: Thu, 7 May 2026 16:22:02 +0200 Subject: [PATCH 3/5] Refactor Modal wrapper style to use absoluteFill --- src/components/Modal.tsx | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx index c7f4249d61..8b343479f4 100644 --- a/src/components/Modal.tsx +++ b/src/components/Modal.tsx @@ -236,13 +236,7 @@ const styles = StyleSheet.create({ flex: 1, }, wrapper: { - ...(StyleSheet.absoluteFillObject || { - position: 'absolute', - left: 0, - right: 0, - top: 0, - bottom: 0, - }), + ...(StyleSheet.absoluteFill), justifyContent: 'center', }, // eslint-disable-next-line react-native/no-color-literals From 39876c754f560dd834afdabb8dd880c62aef4b3a Mon Sep 17 00:00:00 2001 From: Francesco Clementi Date: Thu, 7 May 2026 16:22:20 +0200 Subject: [PATCH 4/5] Fix spread operator syntax in Modal styles --- src/components/Modal.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Modal.tsx b/src/components/Modal.tsx index 8b343479f4..45bfcf676a 100644 --- a/src/components/Modal.tsx +++ b/src/components/Modal.tsx @@ -236,7 +236,7 @@ const styles = StyleSheet.create({ flex: 1, }, wrapper: { - ...(StyleSheet.absoluteFill), + ...StyleSheet.absoluteFill, justifyContent: 'center', }, // eslint-disable-next-line react-native/no-color-literals From 7398600004bb15f981018d049bda631ab74e46c5 Mon Sep 17 00:00:00 2001 From: Francesco Clementi Date: Thu, 7 May 2026 16:22:53 +0200 Subject: [PATCH 5/5] Refactor underlay style to use absoluteFill --- src/components/TouchableRipple/TouchableRipple.native.tsx | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git a/src/components/TouchableRipple/TouchableRipple.native.tsx b/src/components/TouchableRipple/TouchableRipple.native.tsx index 12e158e7a1..2d81d2d1be 100644 --- a/src/components/TouchableRipple/TouchableRipple.native.tsx +++ b/src/components/TouchableRipple/TouchableRipple.native.tsx @@ -135,13 +135,7 @@ const styles = StyleSheet.create({ overflow: 'hidden', }, underlay: { - ...(StyleSheet.absoluteFillObject || { - position: 'absolute', - left: 0, - right: 0, - top: 0, - bottom: 0, - }), + ...StyleSheet.absoluteFill, zIndex: 2, }, });