[Android] Fix borderless ripple animation

[j-piasecki]

Description

Borderless ripple animation is currently broken due to being clipped by the wrapper view. This PR removes clipping for borderless buttons.

Test plan

Checked different variations of this

import React from 'react';
import { StyleSheet, Text } from 'react-native';
import {
  BorderlessButton,
  GestureHandlerRootView,
  RectButton,
} from 'react-native-gesture-handler';

export default function EmptyExample() {
  return (
    <GestureHandlerRootView style={styles.container}>
      <BorderlessButton
        borderless
        foreground
        style={{
          padding: 20,
          backgroundColor: 'red',
          borderRadius: 16,
          transform: [
            { translateX: -50 },
            { translateY: -50 },
            { rotate: '45deg' },
          ],
        }}
        onPress={() => {
          console.log('pressed');
        }}>
        <Text>Press me</Text>
      </BorderlessButton>

      <RectButton
        style={{ padding: 20, backgroundColor: 'yellow', borderRadius: 16 }}>
        <Text>Press me</Text>
      </RectButton>
    </GestureHandlerRootView>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
});

[Copilot]

Pull request overview

Fixes Android borderless ripple animations being clipped by the button wrapper by avoiding overflow: hidden clipping when a button is configured as borderless. This aligns runtime behavior with the documented intent of borderless (“render outside the view bounds”).

Changes:

• Stop applying wrapper overflow: 'hidden' styling when borderless is true.
• Plumb borderless explicitly into the native RNGestureHandlerButton component props.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.