Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CarouselView Navigation Behavior Changed After MAUI Essentials 8.0.83 Update #27007

Open
Asjadfaroq opened this issue Jan 8, 2025 · 0 comments
Labels
area-controls-collectionview CollectionView, CarouselView, IndicatorView potential-regression This issue described a possible regression on a currently supported version., verification pending t/bug Something isn't working

Comments

@Asjadfaroq
Copy link

Description

I'm experiencing an unexpected change in CarouselView navigation behavior after updating to .NET MAUI Essentials version 8.0.83.

  • Previous Behavior (Before Update):

When clicking an indicator dot, the CarouselView would directly navigate to the specific page as it should be.

  • Current Behavior (After Update):

Clicking an indicator dot now only moves the CarouselView one position at a time, regardless of which dot is clicked. For example, if currently on page 1 and clicking the indicator for page 4, it only moves to page 2 instead of directly navigating to page 4.

  • Environment Details:

.NET MAUI Version: 8.0.83
Platforms Tested: [ iOS ]
.NET SDK Version: [ 8.0.300 ]

Installed Workload Id Manifest Version Installation Source

ios 18.0.8316/8.0.100 SDK 8.0.300

MAUI 8.0.83/8.0.100 SDK 8.0.300

Workload version: 8.0.300-manifests.22517898

==============================================

  • Reproduction Steps:

Create a basic CarouselView with IndicatorView
Attempt to navigate by clicking indicator dots
Observe the navigation behavior
Questions:

Is this a known change in navigation behavior?
Are there any configuration options to restore direct page navigation?
Is this intentional or a potential bug?
I would greatly appreciate any insights or guidance on this matter.

Thank you for your help!


<Grid RowDefinitions="Auto,Auto,Auto">
    <CarouselView 
        x:Name="carouselView" 
        ItemsSource="{Binding CarouselItems}" 
        IndicatorView="carouselIndicator"
        IsSwipeEnabled="False"
        IsBounceEnabled="False"
        HeightRequest="200"
        Grid.Row="0">
        <CarouselView.ItemTemplate>
            <DataTemplate>
                <Grid BackgroundColor="LightGray">
                    <Image 
                        Source="{Binding ImageUrl}" 
                        Aspect="AspectFill" 
                        HeightRequest="200" 
                        WidthRequest="200" />
                    <Label 
                        Text="{Binding Title}"
                        VerticalOptions="End"
                        HorizontalOptions="CenterAndExpand"
                        TextColor="White"
                        BackgroundColor="Black"
                        Opacity="0.6"
                        Padding="10" />
                </Grid>
            </DataTemplate>
        </CarouselView.ItemTemplate>
    </CarouselView>
    <IndicatorView 
        x:Name="carouselIndicator"
        Margin="0,30"
        Grid.Row="1"
        IndicatorColor="Gray"
        SelectedIndicatorColor="Black" />
</Grid>

Image

Steps to Reproduce

Steps to Reproduce

Create a new .NET MAUI project and implement a basic CarouselView with IndicatorView using the provided XAML code
Set up a collection of items in your ViewModel/CodeBehind to populate the CarouselView
Run the application on iOS
Navigate using the indicator dots

Expected Behavior:

When clicking any indicator dot, the CarouselView should immediately navigate to the corresponding page
For example, if currently on page 1 and clicking the indicator for page 4, it should directly jump to page 4

Actual Behavior:

When clicking an indicator dot, the CarouselView only moves one position at a time, regardless of which dot is clicked
For example, if currently on page 1 and clicking the indicator for page 4, it only moves to page 2 instead of page 4
This makes it impossible to directly navigate to a specific page using the indicator dots

Link to public reproduction project repository

No public repository available yet. The XAML code and reproduction steps provided above should be sufficient to recreate the issue in a new .NET MAUI project.

Version with bug

9.0.22 SR2.2

Is this a regression from previous behavior?

Yes, this used to work in .NET MAUI

Last version that worked well

8.0.0-rc.1.9171

Affected platforms

iOS

Affected platform versions

Affected platform versions iOS: 18.0.8316 (.NET MAUI SDK 8.0.300) and (All IOS Devices)

Did you find any workaround?

No, I haven't found any working workaround for this issue yet. If anyone has discovered a solution, please share it to help others facing the same problem.

Relevant log output

No error logs or exceptions are generated. This is a UI behavior issue where the CarouselView navigation pattern has changed after the update.
@Asjadfaroq Asjadfaroq added the t/bug Something isn't working label Jan 8, 2025
@jfversluis jfversluis added area-controls-collectionview CollectionView, CarouselView, IndicatorView potential-regression This issue described a possible regression on a currently supported version., verification pending labels Jan 8, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area-controls-collectionview CollectionView, CarouselView, IndicatorView potential-regression This issue described a possible regression on a currently supported version., verification pending t/bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants