PDF Viewer Scroll Not Working on iOS (Telerik UI for MAUI 11.1.0)

[Jeff]

Hi everyone,

I'm running into an issue with the Telerik PDF Viewer in a .NET MAUI project.

Environment:

• Telerik.UI.for.Maui: 11.1.0

• .NET MAUI: 9.0.111

• .NET version: net9.0-ios

• Platform: iOS

Problem:
Scrolling inside the RadPdfViewer does not work on iOS. The same code works as expected on Android — I can scroll through the PDF content normally. On iOS, the viewer loads and displays the first page correctly, but it’s completely static: no vertical scroll or swipe works. However, navigation using PdfViewerNavigateToNextPageToolbarItem or PdfViewerNavigateToPreviousPageToolbarItem still functions as expected.

<ContentPage>
    <Grid RowDefinitions="Auto, *">
        <telerik:RadPdfViewerToolbar x:Name="pdfViewerToolbar"
                                     OverflowMode="Scroll"
                                     PdfViewer="{x:Reference pdfViewer}">
            <telerik:PdfViewerFitToWidthToolbarItem />
            <telerik:PdfViewerNavigateToPreviousPageToolbarItem />
            <telerik:PdfViewerNavigateToNextPageToolbarItem />
            <telerik:PdfViewerZoomInToolbarItem />
            <telerik:PdfViewerZoomOutToolbarItem />
            <telerik:PdfViewerSearchNavigationToolbarItem />
            <telerik:PdfViewerToggleLayoutModeToolbarItem />
        </telerik:RadPdfViewerToolbar>
        <telerik:RadPdfViewer x:Name="pdfViewer"
                              Grid.Row="1"
                              AutomationId="pdfViewer"
                              BackgroundColor="{StaticResource White}"
                              IgnoreSafeArea="False"
                              IsClippedToBounds="True"                              
                              LayoutMode="ContinuousScroll"
                              Source="{Binding PdfFile}" />
    </Grid>
</ContentPage>

Has anyone else encountered this issue, or is there a known workaround/fix for iOS?

Thanks in advance!

Jeff

[Didi]

Hello Jeff,

Thank you for the provided details. I have created a sample app to test the scenario and I cannot reproduce the behavior. 

Send a sample project in which the issue happens and a video of the behavior. Also what is the exact iOS version you use for the test.

[Franck]

Hi,

I have the same issue with scrolling inside RadPdfViewer. ZoomIn and ZoomOut gestures doesn't works as expected on iOS as well.

RadPdfViewer works fine on Android.

Environment:

• Telerik.UI.for.MAUI : 12.0.0
• .NET Maui : 9.0.120
• Platform: iOS 18.7.1 (iPhone 16), iOS 16.7.10 (iPhone 8) and iOS 26.0.1 (iPhone 16e)

[Didi]

Hi all,

We have tested on iOS simulators and cannot reproduce the issue.
Could you please downgrade the maui version to 9.0.82 and test the behavior?

Also whether the issue happens on simulator or only on a real device?

May I ask you to download our sample app from the store and test on iOS: https://www.telerik.com/maui-ui/documentation/demos-and-sample-apps/controls-showcase-app 

Let me know the results.

[Franck]

Hi Didi,

I reproduced the issue on iOS simulators and real devices.

The issue seems to happen when used within a FlyoutPage.

Repro project link: https://github.com/franckbour/telerik-pdf-viewer

[Didi]

Hi Franck,

Thank you for the additional details.

I reproduced the issue on iOS. Yes, it happens when flyout page is used. It seems there is a conflict in flyout page gestures and the gestures used in the PDF Viewer. So as a solution you have to disable the gestures of the flyout page:

 

<FlyoutPage x:Class="TelerikTestApp.Views.MainPage"
            xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
            xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
            xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
	    IsGestureEnabled="{OnPlatform Default=true, iOS=false}"
            xmlns:views="clr-namespace:TelerikTestApp.Views">

I have logged the issue here: https://feedback.telerik.com/maui/1704077-pdf-viewer-ios-scroll-and-swipe-not-working-in-flyout-page 

[Jeff]

Hi Didi, hi Franck,

thank you both for your support!

@Franck: Thanks a lot for digging deeper into the issue and identifying that it occurs specifically when the RadPdfViewer is used inside a FlyoutPage.

@Didi: Thank you for confirming the behavior on iOS and providing the workaround. Disabling the FlyoutPage gestures on iOS resolves the scrolling issue on my side as well.

I really appreciate the time and effort you both put into this!

Best regards,
Jeff