Fixed CarouselView behaves strangely when swiping vertically in view

Author: Dhivya-SF4094

src/Controls/src/Core/Handlers/Items/Android/MauiCarouselRecyclerView.cs

@@ -22,6 +22,9 @@ public class MauiCarouselRecyclerView : MauiRecyclerView<CarouselView, ItemsView
 		List<View> _oldViews;
 		CarouselViewOnGlobalLayoutListener _carouselViewLayoutListener;
 
+		float _initialTouchX;
+		float _initialTouchY;
+
 		protected CarouselView Carousel => ItemsView as CarouselView;
 
 		public MauiCarouselRecyclerView(Context context, Func<IItemsLayout> getItemsLayout, Func<ItemsViewAdapter<CarouselView, IItemsViewSource>> getAdapter) : base(context, getItemsLayout, getAdapter)
@@ -37,9 +40,43 @@ public override bool OnInterceptTouchEvent(MotionEvent ev)
 			if (!IsSwipeEnabled)
 				return false;
 
+			switch (ev.Action)
+			{
+				case MotionEventActions.Down:
+					_initialTouchX = ev.GetX();
+					_initialTouchY = ev.GetY();
+					break;
+
+				case MotionEventActions.Move:
+					float deltaX = ev.GetX() - _initialTouchX;
+					float deltaY = ev.GetY() - _initialTouchY;
+
+					if (ShouldDelegateToChild(deltaX, deltaY))
+					{
+						return false;
+					}
+					break;
+
+				case MotionEventActions.Cancel:
+				case MotionEventActions.Up:
+					// Reset initial touch values at the end of the gesture
+					// to prevent old values from being used if we don't get a Down event
+					_initialTouchX = 0;
+					_initialTouchY = 0;
+					break;
+			}
+
 			return base.OnInterceptTouchEvent(ev);
 		}
 
+		bool ShouldDelegateToChild(float deltaX, float deltaY)
+		{
+			float absDeltaX = Math.Abs(deltaX);
+			float absDeltaY = Math.Abs(deltaY);
+
+			return IsHorizontal ? absDeltaY > absDeltaX : absDeltaX > absDeltaY;
+		}
+
 		protected virtual bool IsHorizontal => (Carousel?.ItemsLayout)?.Orientation == ItemsLayoutOrientation.Horizontal;
 
 		protected override int DetermineTargetPosition(ScrollToRequestEventArgs args)

src/Controls/tests/TestCases.HostApp/Issues/Issue22507.cs

@@ -0,0 +1,114 @@
+using System.Collections.ObjectModel;
+
+namespace Maui.Controls.Sample.Issues;
+
+[Issue(IssueTracker.Github, 22507, "CarouselView behaves strangely when swiping vertically in view", PlatformAffected.Android)]
+public class Issue22507 : ContentPage
+{
+    public ObservableCollection<Issue22507Model> ItemsList { get; set; }
+
+    public Issue22507()
+    {
+        ItemsList = new ObservableCollection<Issue22507Model>
+        {
+            new Issue22507Model(
+            "Page 1",
+             Enumerable.Range('A', 20)
+             .Select(c => $"Item {(char)c}")
+             .ToArray()),
+
+            new Issue22507Model(
+            "Page 2",
+            Enumerable.Range(1, 20)
+            .Select(i => $"Item {i}")
+            .ToArray())
+        };
+        Grid mainGrid = new Grid
+        {
+            RowDefinitions =
+            {
+                new RowDefinition { Height = GridLength.Auto },
+                new RowDefinition { Height = GridLength.Star }
+            }
+        };
+        // Create CarouselView
+        var mainCarousel = new CarouselView
+        {
+            BackgroundColor = Colors.Yellow,
+            Margin = new Thickness(10),
+            IsBounceEnabled = true,
+            IsSwipeEnabled = true,
+            Loop = false,
+            ItemsSource = ItemsList,
+            ItemTemplate = new DataTemplate(() =>
+            {
+                // Grid for each carousel item
+                var grid = new Grid
+                {
+                    BackgroundColor = Colors.White,
+                    Padding = 10,
+                    RowDefinitions =
+                    {
+                            new RowDefinition { Height = GridLength.Auto },
+                            new RowDefinition { Height = GridLength.Star }
+                    }
+                };
+
+                // Label for Title
+                var titleLabel = new Label
+                {
+                    FontSize = 18,
+                    TextColor = Colors.Black,
+                    Margin = new Thickness(0, 0, 0, 10)
+                };
+                titleLabel.SetBinding(Label.TextProperty, "Title");
+
+                // CollectionView for nested items
+                var collectionView = new CollectionView
+                {
+                    BackgroundColor = Colors.LightBlue,
+                    AutomationId = "Issue22507CollectionView",
+                    ItemTemplate = new DataTemplate(() =>
+                    {
+                        var itemLabel = new Label
+                        {
+                            FontSize = 16,
+                            Padding = 10
+                        };
+                        itemLabel.SetBinding(Label.TextProperty, ".");
+                        return itemLabel;
+                    })
+                };
+                collectionView.SetBinding(CollectionView.ItemsSourceProperty, "Items");
+
+                grid.Add(titleLabel);
+                grid.Add(collectionView, 0, 1);
+
+                return grid;
+            })
+        };
+        Label label = new Label
+        {
+            Text = "Swipe vertically on the items below. CarouselView should not interfere with vertical scrolling.",
+            AutomationId = "Issue22507Label"
+        };
+        mainGrid.Add(label);
+        Grid.SetRow(label, 0);
+        mainGrid.Add(mainCarousel);
+        Grid.SetRow(mainCarousel, 1);
+
+        Content = mainGrid;
+    }
+}
+
+public class Issue22507Model
+{
+    public string Title { get; set; }
+    public ObservableCollection<string> Items { get; set; }
+
+    public Issue22507Model(string title, string[] items)
+    {
+        Title = title;
+        Items = new ObservableCollection<string>(items);
+    }
+}

src/Controls/tests/TestCases.Shared.Tests/Tests/Issues/Issue22507.cs

@@ -0,0 +1,34 @@
+#if TEST_FAILS_ON_CATALYST // App.SwipeRightToLeft does not scroll to next item in Mac catalyst.
+using NUnit.Framework;
+using UITest.Appium;
+using UITest.Core;
+
+namespace Microsoft.Maui.TestCases.Tests.Issues;
+
+public class Issue22507 : _IssuesUITest
+{
+    public Issue22507(TestDevice testDevice) : base(testDevice)
+    {
+    }
+    public override string Issue => "CarouselView behaves strangely when swiping vertically in view";
+
+    [Test]
+    [Category(UITestCategories.CarouselView)]
+    public void HandleCarouselVerticalScroll()
+    {
+        // Wait for the test page to load
+        App.WaitForElement("Issue22507Label");
+
+        App.ScrollDown("Issue22507CollectionView");
+        // Swipe horizontally to navigate to the next CarouselView item (Page 2)
+        App.SwipeRightToLeft();
+        // wait for page 2
+        App.WaitForElement("Item 1");
+        for (int i = 0; i < 2; i++)
+        {
+            App.ScrollDown("Issue22507CollectionView", ScrollStrategy.Gesture, 0.99, swipeSpeed: 900);
+        }
+        App.WaitForElement("Item 20");
+    }
+}
+#endif