RN 0.71.11 (cli) - Border radius with border bottom is broken

[zulfio]

Description

The border bottom has a gap / white space if combined with the border radius.

React Native Version

0.71.11

Output of npx react-native info

System:
OS: Windows 10 10.0.22621
CPU: (12) x64 Intel(R) Core(TM) i5-10400F CPU @ 2.90GHz
Memory: 7.98 GB / 23.94 GB
Binaries:
Node: 18.16.0 - C:\Program Files\nodejs\node.EXE
Yarn: Not Found
npm: 9.5.1 - C:\Program Files\nodejs\npm.CMD
Watchman: Not Found
SDKs:
Android SDK: Not Found
Windows SDK: Not Found
IDEs:
Android Studio: AI-221.6008.13.2211.9619390
Visual Studio: Not Found
Languages:
Java: 11.0.18
npmPackages:
@react-native-community/cli: Not Found
react: 18.2.0 => 18.2.0
react-native: 0.71.11 => 0.71.11
react-native-windows: Not Found
npmGlobalPackages:
react-native: Not Found

Steps to reproduce

Create component/view with border radius and border bottom.

Snack, code example, screenshot, or link to a repository

<View
style={{
  flex: 1,
  height: 30,
  backgroundColor: 'red',
  borderBottomWidth: 7,
  borderColor: '#000000',
  borderBottomLeftRadius: 20,
  borderBottomRightRadius: 20,
}}></View>

[zulfio]

the fix has been reverted fd8a19d

[Pranav-yadav]

the fix has been reverted fd8a19d

Cc: @kelset

[kelset]

yeah it was reverted because, turns out, it was creating more problems than it solved 😅 if any of you can try to create a new PR, based on the previous fix, but that doesn't hit the regressions that we did experience here -> #37753 it would be great 👍

[github-actions]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 7 days.