PDFJS not working in bootstrap modal in firefox

[eric]

PDF.js Express Version
7.2.0

Detailed description of issue
When trying to open PDFJS express inside a bootstrap modal in Firefox it does not load. It works in Edge and Chrome.

Attached is a gif of the issue.

Expected behaviour
To load the PDFJS express viewer in the modal as it does in chrome and edge.

Does your issue happen with every document, or just one?
All Documents

Code snippet
HTML is inside zip file
PDFJSExpressFireFox.zip (1.3 KB)

[system]

Hello, I’m Ron, an automated tech support bot

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:

• WebViewerInstance - setCustomModal(options)
• Vue PDF.js Viewer - Browser Support
• Svelte PDF.js Viewer - Browser Support
• React PDF.js Viewer - Browser Support
• PDF.js Express Documentation - Adding More Functionality

[Logan]

Hey Eric,

Firefox has a bug where setting display:none on an iframe or an element wrapping an iframe breaks the contents of the iframe. My guess is that the modal is getting set to display:none when it’s not visible which is breaking the iframe.

The solution is no not use display:none and instead find another way of hiding the modal. Or, you can mount Express AFTER the modal is visible.

Thanks,
Logan

[eric]

Thank you,

This makes sense as removing the bootstrap CSS fixed the issue.