Skip to content

[Android] borderLeftColor and borderRightColor not overriding borderColor #20137

@steveccable

Description

@steveccable
Contributor

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.

Activity

steveccable

steveccable commented on Jul 10, 2018

@steveccable
ContributorAuthor

The bot may have trouble picking this up, but it happens on later versions (at a minimum, whatever version expo is currently running in its latest SDK). I mentioned that in the description.

elicwhite

elicwhite commented on Jul 11, 2018

@elicwhite
Member

Duplicate of #19981

locked as resolved and limited conversation to collaborators on Jul 18, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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

        Participants

        @elicwhite@steveccable@react-native-bot

        Issue actions

          [Android] borderLeftColor and borderRightColor not overriding borderColor · Issue #20137 · facebook/react-native