Skip to content

[Android] borderLeftColor and borderRightColor not overriding borderColor #20137

Closed

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.

Activity

  1. 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.

  2. elicwhite commented on Jul 11, 2018

    @elicwhite
    Contributor

    Duplicate of #19981

  3. 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

      Issue actions