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

Question

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 · Accepted Answer

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

Chinnamunia Karthik Chinna Thambi · Answer

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.jsPlease 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 · Answer

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 · Answer

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 fromhttps://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 · Answer

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

Chinnamunia Karthik Chinna Thambi · Answer

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