tengo una página php que muestra una lista de facturas. Al hacer clic en cualquiera de esas facturas, se muestra su archivo pdf. Cuando el usuario hace clic en cualquier factura, jQuery cambia el src de la etiqueta incrustada al archivo pdf apropiado.

Funciona muy bien, pero curiosamente se comporta de manera diferente en Safari que en Firefox, por ejemplo.

En Firefox puedo simplemente hacer clic en una factura -> muestra el pdf. si justo después de eso, hago clic en otra factura y luego hago clic en la primera factura nuevamente -> el pdf se muestra nuevamente.

Safari: si vuelvo a hacer clic en una factura, obtengo un pdf en blanco (etiqueta incrustada). Y la descarga de ese pdf da como resultado un archivo de 0kb.

Parece que solo sucede en safari.

¿Alguien ha encontrado esto antes y tal vez conozca una solución a este problema? He buscado en Google y probado mucho, pero todavía no funciona.

 Html: <div class="card-body"> <embed id="invoice_scan" src="" type="application/pdf" width="100%" height="400px" /> </div> jQuery: $('#invoice_scan').attr('src', '/docs/pdf_file1.pdf );