Scrolling when zoomed in on pdf viewer not working on safari browser (iPhones)

[Lou Gwen]

Hi,

We currently have an issue with PDF Viewer when the pdf is zoomed in and you scroll to left or right (similar to panning when you have to go to a certain area of the pdf) does not seem to be working, it's only happening in safari browsers (iPhones) and android is working fine.

Version we are using: "@syncfusion/ej2-react-pdfviewer": "21.2.3"

Demo link we're using as reference: https://ej2.syncfusion.com/demos/pdfviewer/default/ (The current demo is working in safari but we cant seem to make it work on our end)

Similar post I found but no updates: https://www.syncfusion.com/forums/150036/scrolling-not-working-in-iphone

We're using the <PdfViewerComponent>  with the following properties enabled

enableToolbar={false}

enableNavigationToolbar={false}

enableDesktopMode={true}

retryCount={3}

showNotificationDialog={false}

as well as a child component

maybe I missed adding a property?

[Chinnamunia Karthik Chinna Thambi]

We have attempted to replicate the problem based on the provided information, However, we were unable to reproduce the issue using the provided details. To assist you further, we have prepared a sample which can be accessed through the following link:

Sample: https://stackblitz.com/edit/react-ywsk9y?file=index.js

Please try this sample on your mobile device and kindly provide us with the following details if you have any concerns:

• Share a modified sample or provide the sample in which the issue can be reproduced.
• Include the relevant code snippet.
• Additionally, provide a video recording showcasing the reported issue.

This information will assist us in further analyzing the problem and providing you with the necessary details.

[Lou Gwen]

Hi Chinnamunia,

Thank you for replying. I found a way to resolve this by adding the following services: Annotation, BookmarkView, LinkAnnotation, TextSearch, TextSelection, ThumbnailView, Toolbar (these are all the imported services I got from

https://ej2.syncfusion.com/react/documentation/pdfviewer/interaction-mode#panning-mode. Our code now looks like this

 <Inject

          services={[

            Magnification,

            Navigation,

            TextSelection,

            TextSearch,

            Toolbar,

            Annotation,

            LinkAnnotation,

            ThumbnailView,

            BookmarkView,

          ]}

        />

previously we only had Magnification and Navigation injected. I think the "panning" doesnt work in iPhones (safari browser) if one of the services is missing. Am I correct in assuming that?

[Lou Gwen]

Hi Chinnamunia,

Thank you for replying. I found a way to resolve this by adding the following services: Annotation, BookmarkView, LinkAnnotation, TextSearch, TextSelection, ThumbnailView, Toolbar (these are all the imported services I got from

https://ej2.syncfusion.com/react/documentation/pdfviewer/interaction-mode#panning-mode. Our code now looks like this

 <Inject

          services={[

            Magnification,

            Navigation,

            TextSelection,

            TextSearch,

            Toolbar,

            Annotation,

            LinkAnnotation,

            ThumbnailView,

            BookmarkView,

          ]}

        />

previously we only had Magnification and Navigation injected. I think the "panning" doesnt work in iPhones (safari browser) if one of the services is missing. Am I correct in assuming that?

[Chinnamunia Karthik Chinna Thambi]

Apologies for the delay. To enable panning on a mobile device, you need to inject the Annotation module.

[Lou Gwen]

Have tried it, and it works. Thank you for your help! :D

[Chinnamunia Karthik Chinna Thambi]

We are glad to know that the reported issue was resolved on your end. So, we are closing this forum.