fix(ios): box-shadow and border-radius (NativeScript#9612)

vallemar · NathanWalker · web-flow · commit 483217934c67 · 2021-10-29T18:43:14.000-07:00
Co-authored-by: Nathan Walker &lt;walkerrunpdx@gmail.com&gt;
diff --git a/packages/core/ui/core/view/index.ios.ts b/packages/core/ui/core/view/index.ios.ts
@@ -853,7 +853,7 @@ export class View extends ViewCommon implements ViewDefinition {
 
 	_setNativeClipToBounds() {
 		const backgroundInternal = this.style.backgroundInternal;
-		this.nativeViewProtected.clipsToBounds = this.nativeViewProtected instanceof UIScrollView || backgroundInternal.hasBorderWidth() || backgroundInternal.hasBorderRadius();
+		this.nativeViewProtected.clipsToBounds = (this.nativeViewProtected instanceof UIScrollView || backgroundInternal.hasBorderWidth() || backgroundInternal.hasBorderRadius()) && !backgroundInternal.hasBoxShadow();
 	}
 
 	private _setupPopoverControllerDelegate(controller: UIViewController, parent: View) {

Original file line number	Diff line number	Diff line change
`@@ -853,7 +853,7 @@ export class View extends ViewCommon implements ViewDefinition {`
`853`	`853`
`854`	`854`	`_setNativeClipToBounds() {`
`855`	`855`	`const backgroundInternal = this.style.backgroundInternal;`
`856`		`- this.nativeViewProtected.clipsToBounds = this.nativeViewProtected instanceof UIScrollView \|\| backgroundInternal.hasBorderWidth() \|\| backgroundInternal.hasBorderRadius();`
	`856`	`+ this.nativeViewProtected.clipsToBounds = (this.nativeViewProtected instanceof UIScrollView \|\| backgroundInternal.hasBorderWidth() \|\| backgroundInternal.hasBorderRadius()) && !backgroundInternal.hasBoxShadow();`
`857`	`857`	`}`
`858`	`858`
`859`	`859`	`private _setupPopoverControllerDelegate(controller: UIViewController, parent: View) {`