Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Using borderLeftWidth and borderLeftColor display bug on iPhone6 plus #24611

Closed
HaloWang opened this issue Apr 26, 2019 · 6 comments
Closed

Using borderLeftWidth and borderLeftColor display bug on iPhone6 plus #24611

HaloWang opened this issue Apr 26, 2019 · 6 comments
Labels
Bug Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@HaloWang
Copy link

HaloWang commented Apr 26, 2019

🐛 Bug Report

Using borderLeftWidth and borderLeftColor display bug on iPhone6 plus. But iPhone 8 is well.

IMG_0423
IMG_0421

To Reproduce

<View
  style={{
    height: 100,
    width: 100,
    marginTop: 200,
    marginLeft: 100,
    backgroundColor: 'rgba(0,0,0,0.1)',
    borderLeftColor: 'red',
    borderLeftWidth: 5,
    borderRadius: 5,
  }}
/>

If borderLeftWidth >= borderRadius, bug appear.
If borderLeftWidth < borderRadius, nothing wrong.

Environment

  React Native Environment Info:
    System:
      OS: macOS 10.14.4
      CPU: (8) x64 Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz
      Memory: 270.01 MB / 16.00 GB
      Shell: 5.3 - /bin/zsh
    Binaries:
      Node: 11.14.0 - /usr/local/bin/node
      Yarn: 1.15.2 - /usr/local/bin/yarn
      npm: 6.9.0 - /usr/local/bin/npm
      Watchman: 4.9.0 - /usr/local/bin/watchman
    SDKs:
      iOS SDK:
        Platforms: iOS 12.2, macOS 10.14, tvOS 12.2, watchOS 5.2
      Android SDK:
        API Levels: 19, 23, 25, 26, 27, 28
        Build Tools: 23.0.1, 23.0.3, 25.0.2, 26.0.2, 27.0.3, 28.0.3
        System Images: android-23 | Intel x86 Atom, android-23 | Intel x86 Atom_64, android-23 | Google APIs ARM EABI v7a, android-23 | Google APIs Intel x86 Atom, android-23 | Google APIs Intel x86 Atom_64, android-27 | Google Play Intel x86 Atom
    IDEs:
      Android Studio: 3.3 AI-182.5107.16.33.5264788
      Xcode: 10.2.1/10E1001 - /usr/bin/xcodebuild
    npmPackages:
      react: ^16.8.6 => 16.8.6 
      react-native: ^0.59.4 => 0.59.4 
    npmGlobalPackages:
      react-native-cli: 2.0.1
      react-native-create-library: 3.1.2
      react-native-git-upgrade: 0.2.7

@lukewalczak
Copy link
Contributor

Hey @HaloWang, I was trying to reproduce it on iPhone 6 Plus and iPhone 8 (RN v. 0.59.4, iOS 12.2), but everything works fine. Could you please provider a snack for the bug or create a demo repository with the bug?

@HaloWang
Copy link
Author

@lukewalczak I create this repo

@lukewalczak
Copy link
Contributor

I was able to reproduce it only on physical devices (iPhone 6 Plus and iPad Mini 4) and it seems like the issue is related to bigger iOS devices (Plus or iPad).

@HaloWang
Copy link
Author

Yes, I can only reproduce it on iPhone 6 Plus, physical device, not simulator.

@stale
Copy link

stale bot commented Aug 2, 2019

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

@stale stale bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Aug 2, 2019
@stale
Copy link

stale bot commented Aug 9, 2019

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.

@stale stale bot closed this as completed Aug 9, 2019
@facebook facebook locked as resolved and limited conversation to collaborators Aug 10, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Bug Stale There has been a lack of activity on this issue and it may be closed soon.
Projects
None yet
Development

No branches or pull requests

4 participants