Border radius is not getting updated correctly in RTL #4499
Labels
Area: Borders and Brushes
Area: Layout
bug
Partner: Xbox
(label may be applied by bot based on author)
Milestone
Environment
If you are using latest version:
react-native -v
:react-native-cli: 2.0.1
react-native: 0.60.6
react-native run-windows --info
:System:
OS: Windows 10 10.0.18363
CPU: (12) x64 Intel(R) Xeon(R) CPU E5-1650 v3 @ 3.50GHz
Memory: 19.41 GB / 31.91 GB
Binaries:
Node: 10.15.0 - C:\Program Files\nodejs\node.EXE
Yarn: 1.21.1 - C:\Program Files\nodejs\yarn.CMD
npm: 6.4.1 - C:\Program Files\nodejs\npm.CMD
npmPackages:
react: 16.8.6 => 16.8.6
react-native: 0.60.6 => 0.60.6
react-native-windows: 0.60.0-vnext.155 => 0.60.0-vnext.155
Installed UWP SDKs:
10.0.16299.0
10.0.17134.0
10.0.17749.0
10.0.17763.0
10.0.18362.0
Then, specify:
10.0.18362.0
Desktop
Visual Studio 2017
Debug
Steps to Reproduce
(Write your steps here:)
Expected Behavior
I would expect the style to behave the same way that it did on mount.
Actual Behavior
After the style is updated, the radius gets applied as if it was LTR (start on the left, end on the right)
LTR behaves as expected:
RTL after update style gets applied incorrectly (switches sides), on remounting it does applies correctly:
Reproducible Demo
https://snack.expo.io/SLis5ZWht
Put this component in an application somewhere, and launch with an RTL language.
The text was updated successfully, but these errors were encountered: