From 508dc2de7d284f46d52b67e6153a0298fcc3b445 Mon Sep 17 00:00:00 2001
From: Jakub Piasecki <jakub.piasecki@swmansion.com>
Date: Fri, 13 Mar 2026 13:35:15 +0100
Subject: [PATCH 1/3] Fix borderless ripple

---
 .../src/components/GestureHandlerButton.tsx      | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/packages/react-native-gesture-handler/src/components/GestureHandlerButton.tsx b/packages/react-native-gesture-handler/src/components/GestureHandlerButton.tsx
index 178293b68a..2f869510e6 100644
--- a/packages/react-native-gesture-handler/src/components/GestureHandlerButton.tsx
+++ b/packages/react-native-gesture-handler/src/components/GestureHandlerButton.tsx
@@ -104,7 +104,11 @@ export interface ButtonProps extends ViewProps, AccessibilityProps {
 export const ButtonComponent =
   RNGestureHandlerButtonNativeComponent as HostComponent<ButtonProps>;
 
-export default function GestureHandlerButton({ style, ...rest }: ButtonProps) {
+export default function GestureHandlerButton({
+  borderless,
+  style,
+  ...rest
+}: ButtonProps) {
   const flattenedStyle = useMemo(() => StyleSheet.flatten(style), [style]);
 
   const {
@@ -222,10 +226,16 @@ export default function GestureHandlerButton({ style, ...rest }: ButtonProps) {
         collapsable={false}
         style={[
           styles.contents,
-          (!overflow || overflow === 'hidden') && styles.overflowHidden,
+          !borderless &&
+            (!overflow || overflow === 'hidden') &&
+            styles.overflowHidden,
           restStyle,
         ]}>
-        <ButtonComponent {...rest} style={layoutStyle} />
+        <ButtonComponent
+          {...rest}
+          style={layoutStyle}
+          borderless={borderless}
+        />
       </View>
     </RNGestureHandlerButtonWrapperNativeComponent>
   );

From 46b7cfa2c2d51f4362b590f4ae0383cd2a43ba75 Mon Sep 17 00:00:00 2001
From: Jakub Piasecki <jakub.piasecki@swmansion.com>
Date: Fri, 13 Mar 2026 14:46:54 +0100
Subject: [PATCH 2/3] Update borderless button default config

---
 .../src/v3/components/GestureButtons.tsx                        | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/react-native-gesture-handler/src/v3/components/GestureButtons.tsx b/packages/react-native-gesture-handler/src/v3/components/GestureButtons.tsx
index fc6eee6ebc..29b6951489 100644
--- a/packages/react-native-gesture-handler/src/v3/components/GestureButtons.tsx
+++ b/packages/react-native-gesture-handler/src/v3/components/GestureButtons.tsx
@@ -155,6 +155,8 @@ export const BorderlessButton = (props: BorderlessButtonProps) => {
 
   return (
     <AnimatedBaseButton
+      borderless
+      foreground
       {...rest}
       onActiveStateChange={onActiveStateChange}
       style={[style, Platform.OS === 'ios' && { opacity }]}>

From 3ad3ca2bbd6b71321eecfdc9255be7c4b544cda8 Mon Sep 17 00:00:00 2001
From: Jakub Piasecki <jakub.piasecki@swmansion.com>
Date: Fri, 13 Mar 2026 15:10:38 +0100
Subject: [PATCH 3/3] Update legacy borderless button

---
 .../src/components/GestureButtons.tsx                            | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/react-native-gesture-handler/src/components/GestureButtons.tsx b/packages/react-native-gesture-handler/src/components/GestureButtons.tsx
index 43ed5518a6..e232c5a60a 100644
--- a/packages/react-native-gesture-handler/src/components/GestureButtons.tsx
+++ b/packages/react-native-gesture-handler/src/components/GestureButtons.tsx
@@ -228,6 +228,7 @@ class InnerBorderlessButton extends React.Component<BorderlessButtonWithRefProps
   static defaultProps = {
     activeOpacity: 0.3,
     borderless: true,
+    foreground: true,
   };
 
   private opacity: Animated.Value;