borderBottomLeftRadius et. al. produce blurry corners on iOS

It seems that when specifying some, but not all of borderBottomLeftRadius, borderBottomRightRadius, borderTopLeftRadius and borderTopRightRadius, you can end up with some strange effects in the other corners.

See this rnplay or code snippet:

'use strict';

var React = require('react-native');
var {
  AppRegistry,
  StyleSheet,
  Text,
  View,
} = React;

var SampleApp = React.createClass({
  render: function() {
    return (
      <View style={styles.container}>
        <View style={styles.box} />
      </View>
    );
  }
});

var styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: 'white',
  },
  box: {    
    borderWidth: 1,
    borderColor: 'black',

    width: 150,
    height: 150,

    borderBottomLeftRadius: 10,
  },
});

AppRegistry.registerComponent('SampleApp', () => SampleApp);

react-native 0.28.0

Seems to occur on iOS, but not on Android

Am I doing something wrong, or is this a bug?

[frontendloader]

Merge #10823 and #11897 into this one?

Minimal reproduction on RNPlay: https://rnplay.org/apps/Cl4tGg

Am seeing this as of react-native version 0.40.

[rclai]

For me this happens on a real device but doesn’t happen on the simulator.