Target Branch(es)
0.76
Link to commit or PR to be picked
facebook/react-native#51229
Description
This fix addresses a regression in a core API behavior related to layout styling on Android in RTL mode.
✅ Meets Pick Criteria:
- Regression in a core component behavior: Starting from React Native 0.75,
borderBottomEndRadius behaves inconsistently compared to borderTopEndRadius in RTL layouts on Android.
- In React Native 0.74 and earlier, both properties correctly apply to the logical "end" side. In 0.75+,
borderBottomEndRadius regresses and is applied incorrectly, breaking symmetry and intended UI design.
- This issue causes visual layout bugs in RTL languages (e.g., Hebrew, Arabic) and affects users upgrading from previous versions.
- The fix is simple, targeted, and already merged to
main, ensuring correctness without introducing any breaking changes.
⚠️ I need to upgrade from 0.74 to 0.76, but this regression breaks my layout in RTL. Without this fix, upgrading would result in a degraded experience for RTL users.
Please consider picking this fix into 0.76 to preserve consistency and avoid breaking RTL support for Android users.
Target Branch(es)
0.76
Link to commit or PR to be picked
facebook/react-native#51229
Description
This fix addresses a regression in a core API behavior related to layout styling on Android in RTL mode.
✅ Meets Pick Criteria:
borderBottomEndRadiusbehaves inconsistently compared toborderTopEndRadiusin RTL layouts on Android.borderBottomEndRadiusregresses and is applied incorrectly, breaking symmetry and intended UI design.main, ensuring correctness without introducing any breaking changes.Please consider picking this fix into
0.76to preserve consistency and avoid breaking RTL support for Android users.