I found issue in mobile devices

We have implemented PdfViewerComponent from @syncfusion/ej2-react-pdfviewer.


I found an issue in mobile devices specially when bottom navigation buttons are enabled with my phone. You can see this is issue.png I have attached.
So, The issue is create and cancel buttons at button and close icon at top is being cut somehow in some devices and scroll is also missing. This stops user to submit or cancel, They are stuck and can't do anything. Not replicated with inspect window.
This only happens when I zoom document (FYI, not zooming whole window, document in PDF viewer)

Is there anything we can do from our side?

I have attached 3 files with this.


3 Replies

US Umamageshwari Shanmugam Syncfusion Team November 22, 2024 02:05 PM UTC

Hi Nikhil Mandaniya,


We are currently unable to replicate the reported scenario. To help us investigate further, could you please share additional details, such as a screenshot, video, or sample? Additionally, could you confirm whether you are using a standalone PDF viewer or a server-backed PDF viewer? This will assist us in analyzing the request flow and providing more precise support.


Regards,

Umamageshwari Shanmugam



NM Nikhil Mandaniya replied to Umamageshwari Shanmugam November 25, 2024 05:33 AM UTC

We are storing files on AWS S3, and URL is generated by our node.js backend

And I have attached video recording this time. You can see first time when I try to create signature I have clear, cancel and submit buttons.  But If I zoom in or even out PDF those button are not showing, and scroll bar is also not there. I have no option but reload the page. Hope this helps.


Attachment: screen_recording_pdf_issue_c33a5bd7.zip


PA Priyadharshini Annamalai Syncfusion Team November 26, 2024 08:41 AM UTC

Hi 


We were unable to replicate the reported issue. Below is a sample we have provided for reference. Kindly share a modified sample or the one where the issue can be reproduced. We would also appreciate the version details of the EJ2 PDF Viewer library used on both the client and server side. This will assist us in analyzing the request flow and providing more precise support.


Sample: Zzfaqy (forked) - StackBlitz


Regards,

Priyadharshini



Loader.
Up arrow icon