Skip to content

[Android] borderLeftColor and borderRightColor not overriding borderColor #20137

@steveccable

Description

@steveccable

Environment

Environment:
OS: macOS High Sierra 10.13.4
Node: 9.4.0
Yarn: 1.3.2
npm: 5.6.0
Watchman: 4.7.0
Xcode: Xcode 9.4 Build version 9F1027a
Android Studio: 2.3 AI-162.3764568

Packages: (wanted => installed)
react: 16.3.1 => 16.3.1
react-native: 0.55.2 => 0.55.2 (verified this occurs with later versions as well)

Description

When specifying both a borderColor and a borderLeftColor or borderRightColor on a View on Android, the borderColor is kept on all borders on the View rather than being overridden on the left or right, regardless of the order in which styles are applied. Strangely, borderTopColor and borderBottomColor both override borderColor appropriately.

The below screenshot (taken from the linked snack demo) is expected to have a View with entirely red borders overriding a set borderColor: 'red', and behaves as such on iOS, yet produces the results shown on Android.

image

Reproducible Demo

https://snack.expo.io/HJw35DMXX

Notice how when this is run on iOS, all borders are properly overridden with a red color. However, on Android, the left and right borders remain blue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions