Use border radius when drawing focus rings (facebook#652)

appden · Nov 19, 2020 · 881c7d2 · 881c7d2
1 parent 6e78874
commit 881c7d2
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/React/Views/RCTView.m b/React/Views/RCTView.m
@@ -1337,7 +1337,13 @@ - (CGRect)focusRingMaskBounds
 - (void)drawFocusRingMask
 {
   if ([self enableFocusRing]) {
-    NSRectFill(self.bounds);
+    CGContextRef context = NSGraphicsContext.currentContext.CGContext;
+    RCTCornerInsets cornerInsets = RCTGetCornerInsets(self.cornerRadii, NSEdgeInsetsZero);
+    CGPathRef path = RCTPathCreateWithRoundedRect(self.bounds, cornerInsets, NULL);
+
+    CGContextAddPath(context, path);
+    CGContextFillPath(context);
+    CGPathRelease(path);
   }
 }
 #endif