Merge pull request #240 from syncfusion/972079-Picker-Footer-Issue

972079 - Picker Footer Icon Button Issue

Author: PaulAndersonS

maui/src/Core/Helper/IconButton/SfIconButton.cs

@@ -43,6 +43,11 @@ internal class SfIconButton : Grid, ITouchListener
         /// </summary>
         readonly bool _isHoveringOnReleased;
 
+        /// <summary>
+        /// Holds the view which is used to clip.
+        /// </summary>
+        Grid clipView;
+
 #if __MACCATALYST__ || (!__ANDROID__ && !__IOS__)
         /// <summary>
         /// Holds the value to denotes the mouse cursor exited.
@@ -66,11 +71,15 @@ internal SfIconButton(View child, bool showTouchEffect = true, bool isSquareSele
             _showTouchEffect = showTouchEffect;
             _isSquareSelection = isSquareSelection;
             _isHoveringOnReleased = isHoveringOnReleased;
+            clipView = new Grid();
             EffectsView = new SfEffectsView();
 #if __IOS__
             IgnoreSafeArea = true;
+            clipView.IgnoreSafeArea = true;
             EffectsView.IgnoreSafeArea = true;
 #endif
+            //// - TODO directly clip the parent view cause the crash in the view. So, we add the grid view for the clip purpose.
+            clipView.Add(this.EffectsView);
             Add(EffectsView);
             EffectsView.Content = child;
             EffectsView.ShouldIgnoreTouches = true;
@@ -200,16 +209,15 @@ void UpdateClip(double width, double height)
         {
             if (_isSquareSelection || width < 0 || height < 0)
             {
-                EffectsView.Clip = null;
                 return;
             }
 
             double centerX = Math.Min(width, height) / 2;
             EllipseGeometry currentClip = new EllipseGeometry() { Center = new Point(width / 2, height / 2), RadiusX = centerX, RadiusY = centerX };
             EllipseGeometry? previousClip = null;
-            if (EffectsView.Clip != null && EffectsView.Clip is EllipseGeometry)
+            if (clipView.Clip != null && clipView.Clip is EllipseGeometry)
             {
-                previousClip = (EllipseGeometry)EffectsView.Clip;
+                previousClip = (EllipseGeometry)clipView.Clip;
             }
 
             //// If the previous and current clip values are same, then no need to update the effects view clip.
@@ -218,7 +226,7 @@ void UpdateClip(double width, double height)
                 return;
             }
 
-            EffectsView.Clip = currentClip;
+            clipView.Clip = currentClip;
         }
 
 #if __MACCATALYST__ || (!__ANDROID__ && !__IOS__)
@@ -237,7 +245,7 @@ void ApplyCornerClip()
                 };
 
                 RoundRectangleGeometry? previousClip = null;
-                if (EffectsView.Clip != null && EffectsView.Clip is RoundRectangleGeometry previous)
+                if (clipView.Clip != null && clipView.Clip is RoundRectangleGeometry previous)
                 {
                     previousClip = previous;
                 }
@@ -248,7 +256,7 @@ void ApplyCornerClip()
                     return;
                 }
 
-                EffectsView.Clip = currentClip;
+                clipView.Clip = currentClip;
             }
         }
 #endif
@@ -274,6 +282,20 @@ protected override Size MeasureOverride(double widthConstraint, double heightCon
             return size;
         }
 
+        /// <summary>
+        /// Called when the size of the element is allocated.
+        /// Updates the corner clip for Mac Catalyst and non-Android/iOS platforms.
+        /// </summary>
+        /// <param name="width">The width allocated to the element.</param>
+        /// <param name="height">The height allocated to the element.</param>
+        protected override void OnSizeAllocated(double width, double height)
+        {
+            base.OnSizeAllocated(width, height);
+#if __MACCATALYST__ || (!__ANDROID__ && !__IOS__)
+            this.ApplyCornerClip();
+#endif
+        }
+
         #endregion
 
         #region Interface Implementation