html js css pdf,PDF.js CSS/Stylesheets

I used PDFObject to display an embedded PDF for our customers, utilizing the ability to fall back on PDF.js in case of no embedded PDF support (e.g., iOS).

This ended up working great, and thanks for the useful library.

However, I did notice a slight problem in my use case. Originally the PDF.js viewer.html file would not show up at all, whereas the raw embedded PDF would.

After downloading the source and investigating, I isolated the problem to the following:

var iframe = "

Removing the position: absolute from this

or switching it to position: relative caused the PDF.js viewer to appear. Removing position styles from the root container (.pdfobject-container) also fixes the issue.

This may have something to do with the context this is running in (I haven't had time to check), but in general, is it feasible to put the styling in a separate CSS file rather than inside the JS code?