question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Vertical scroll doesn't work properly on iOS

See original GitHub issue

Hi, I am using the control CarouselView (version 1.5.5) in a Xamarin Forms app this way:

<cvc:ParentScrollView
    HorizontalOptions="FillAndExpand"
    VerticalOptions="FillAndExpand"
    Orientation="Vertical">
    <cv:CarouselView
        IsCyclical="false"
        SelectedIndex="{Binding CarouselPagePosition}"
        Items="{Binding CarouselPages}">
        <cv:CarouselView.ItemTemplate>
            <DataTemplate>
                <ScrollView
                    HorizontalOptions="FillAndExpand"
                    VerticalOptions="FillAndExpand">
                    <VerticalStackLayoutWithStuff />
                </ScrollView>
            </DataTemplate>
        </cv:CarouselView.ItemTemplate>
    </cv:CarouselView>
</cvc:ParentScrollView>

This works fine on Android, but the vertical scrolling doesn’t seem to work properly on iOS (I can scroll up and down, but it is very hard and wonky because the view stops scrolling as soon as I put my finger up). Interestingly enough, it seems to scroll perfectly when using two fingers.

Is there any known solution to this problem?

Thanks in advance!

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:9 (9 by maintainers)

github_iconTop GitHub Comments

1reaction
ernestoyaquellocommented, Aug 15, 2018

@AndreiMisiukevich No, sorry if I didn’t explain it correctly. I wanted to be able to swipe between pages horizontally while also being able to scroll vertically inside each one of the pages. My final layout, which seems to be working fine on both platforms, looks like this:

<cv:CarouselView
    IsCyclical="false"
    SelectedIndex="{Binding CarouselPagePosition}"
    Items="{Binding CarouselPages}">
    <cv:CarouselView.ItemTemplate>
        <DataTemplate>
            <ContentView>
                <ScrollView>
                    <VerticalStackLayoutWithStuff />
                </ScrollView>
            </ContentView>
        </DataTemplate>
    </cv:CarouselView.ItemTemplate>
</cv:CarouselView>

As you can see, I got rid of the ParentScrollView, and so far I haven’t seen any errors.

I hope this can be of help. Cheers!

0reactions
AndreiMisiukevichcommented, Aug 15, 2018

@ernestoyaquello so, regular ScrollView is fine for both platforms?

<ScrollView>
    <cv:CarouselView
     ...
    </cv:CarouselView>
<ScrollView>

?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Vertical scroll not working on Mobile Safari
For some reason, vertical scroll is not working on my website when I access it on mobile Safari (iOS 9.1, iPhone 5, Safari...
Read more >
Always having to wait before being able t…
There's a really annoying issue whereby if you try to horizontally scroll after vertically scrolling, it always registers as a vertical ...
Read more >
How do you add vertical scrolling on the iPhone prototype? ...
Try holding Ctrl and resizing the frame (the one that you want the vertical scrolling) to fit in the iPhone frame boundaries, like...
Read more >
IPad Scroll Issues with Fixed Content - Rick Strahl's Web Log
I've run into problems with scrolling <div> tags with iOS Safari on a number of occasions and each time, I end up wasting...
Read more >
Vertical scroll doesn't work on the iPhone 5 with Marvin 3.0
I've installed Marvin 3.0 on my iPhone 5 and enabled vertical scroll. I can say right now that vertical scroll doesn't work on...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found