[Android][New Arch] Button is not fully clickable on Android in the new architecture. #53797
Description
Description
A simple screen with a bottom-anchored button. The container has bottom padding, while the button itself has a fixed height and an additional bottom margin
import React, { FC } from 'react';
import { TouchableOpacity, View } from 'react-native';
export const SignIn: FC = () => {
return (
<View style={[{ flex: 1, paddingHorizontal: 24, paddingBottom: 24 }]}>
<View style={{ flex: 1 }} />
<TouchableOpacity style={{ height: 56, backgroundColor: 'black', marginBottom: 24 }}>
<View style={{ height: 24, backgroundColor: 'pink' }} />
</TouchableOpacity>
</View>
);
};The button is not fully clickable until I remove the paddingBottom from the container and the marginBottom from the button.
Screen.Recording.2025-09-16.at.14.13.59.mov
Steps to reproduce
- Press the button
React Native Version
0.81.4
Affected Platforms
Runtime - Android
Areas
Fabric - The New Renderer
Output of npx @react-native-community/cli info
System:
OS: macOS 15.6.1
CPU: (14) arm64 Apple M3 Max
Memory: 117.83 MB / 36.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 22.18.0
path: /opt/homebrew/opt/node@22/bin/node
Yarn:
version: 1.22.22
path: /opt/homebrew/bin/yarn
npm:
version: 10.9.3
path: /opt/homebrew/opt/node@22/bin/npm
Watchman:
version: 2025.05.26.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods:
version: 1.16.2
path: /opt/homebrew/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 24.5
- iOS 18.5
- macOS 15.5
- tvOS 18.5
- visionOS 2.5
- watchOS 11.5
Android SDK:
API Levels:
- "31"
- "34"
- "35"
- "36"
Build Tools:
- 30.0.3
- 33.0.1
- 34.0.0
- 35.0.0
- 36.0.0
System Images:
- android-30 | Google Play ARM 64 v8a
- android-33 | Google Play ARM 64 v8a
- android-34 | Google APIs ARM 64 v8a
- android-35 | Google Play ARM 64 v8a
- android-35 | Pre-Release 16 KB Page Size Google Play ARM 64 v8a
- android-36 | Google Play ARM 64 v8a
Android NDK: Not Found
IDEs:
Android Studio: 2025.1 AI-251.26094.121.2513.14007798
Xcode:
version: 16.4/16F6
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.10
path: /usr/bin/javac
Ruby:
version: 2.6.10
path: /usr/bin/ruby
npmPackages:
"@react-native-community/cli":
installed: 20.0.0
wanted: 20.0.0
react:
installed: 19.1.0
wanted: 19.1.0
react-native:
installed: 0.81.4
wanted: ^0.81.4
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: true
newArchEnabled: true
Stacktrace or Logs
no crash
MANDATORY Reproducer
don't have repo for this
Screenshots and Videos
No response