stephanrauh / ngx-extended-pdf-viewer

A full-blown PDF viewer for Angular 16, 17, and beyond
https://pdfviewer.net
Apache License 2.0
472 stars 180 forks source link

Form inputs display issues on Safari #2453

Open lcgiry opened 1 month ago

lcgiry commented 1 month ago

ngx-extended-pdf-viewer version : 18.1.14 Angular version : 15

Hello,

We are experiencing some issue with PDFs containing forms on Safari. When some inputs are filled, their value is not always displayed. When not displayed, resizing the window make the input values blink but they are still invisible when resizing is done.

In the two following screenshots, we used the same ngx-extended-pdf-viewer configuration. On is part of a Material Dialog that opens in full screen, and the malfunctioning one is part of a page.

You can find attached the PDF used for this tests. Thanks !

    <ngx-extended-pdf-viewer
      [src]="'/assets/Mouvement n°4 - cerfa n°2759-SD.pdf'"
      [disableForms]="true" 
      [showToolbar]="false" [sidebarVisible]="false" [showUnverifiedSignatures]="true" [showBorders]="false" [ignoreKeyboard]="true" [backgroundColor]="undefined" [enableDragAndDrop]="false" [enablePrint]="false" theme="dark">
    </ngx-extended-pdf-viewer>

Nominal behavior Screenshot 2024-07-22 at 15 52 18

Malfunctioning viewer Screenshot 2024-07-22 at 15 50 33

Mouvement n°4 - cerfa n°2759-SD.pdf

stephanrauh commented 1 month ago

Strange. The forms are displayed correctly on other browsers?

stephanrauh commented 1 month ago

And how did you fill the input fields? Via Angular or via user input?

lcgiry commented 1 month ago

Yes, the input fields are displayed properly on every other browser we tested (Firefox, Chrome and Edge). We filled the inputs using pdf-lib and tried to edit them directly in ngx-extended-pdf-viewer, it doesn't seem to change anything.

walweh commented 1 month ago

I'm facing the same issue with form fields not displaying properly. Any updates or solutions?"

stephanrauh commented 4 weeks ago

Not yet. Can you give me any hint on how to reproduce the issue?

walweh commented 4 weeks ago

also testet it with the document of @lcgiry

I hope it helps a little

walweh commented 4 weeks ago

0fcd8966-828e-4242-8240-4d84e3e9f6ee 2f8cc079-1c76-46a0-9a87-e941025e000c

walweh commented 4 weeks ago

I moved the layer a bit so you can see what I mean