Border-radius clipping incorrectly calculated

[kdzwinel]

| -------------------------------------------------------------------------------------------------

Reporting a bug or issue

Example code below doesn't render as expected. Border is rendered partially behind the image. In this specific case setting borderRadius: 100 on the Image fixes the issue, but it won't work in general case (e.g. with multiple elements inside of the View).

<Artboard style={{width: 800, height: 600}}>
  <View style={{overflow: 'hidden', borderColor: 'red', borderWidth: 1, borderRadius: 100, width: 120, height: 120}}>
    <Image style={{width: 118, height: 118}} source={{uri: 'https://source.unsplash.com/240x240/?dog'}} />
  </View>
</Artboard>

Expected behavior:

Observed behavior:

How to reproduce:
Render attached code using react-sketchapp (v1.0.0).

Sketch version:

49 (51002)

Please attach screenshots, a zip file of your project, and/or a link to your github project

[kdzwinel]

It looks like it's fixable by subtracting border size from the clipping shape and setting border position to "outside".