Putting canvas in a container with dir="rtl" messes up the rendering

[wojtekmaj]

Attach (recommended) or Link to PDF file here:

dummy.pdf

Configuration:

• Web browser and its version: Any
• Operating system and its version: Any
• PDF.js version: 2.4.456
• Is a browser extension: No

Steps to reproduce the problem:

https://codesandbox.io/s/pdfjs-rtl-container-cwtt6

1. Render canvas within a container with dir="rtl"
2. 💥

It's easily fixed by adding canvas.setAttribute("dir", "ltr");, but I'm really not sure how this would affect RTL PDFs.

Original React-PDF bug for reference: wojtekmaj/react-pdf#588

What is the expected behavior? (add screenshot)

What went wrong? (add screenshot)

[Snuffleupagus]

Duplicate of #11457

It's easily fixed by adding canvas.setAttribute("dir", "ltr");

That's not a viable solution though, since the PDF.js library can be used in environments (such as Node.js) where that won't work; https://github.com/mozilla/pdf.js/tree/master/examples/node/pdf2png is one example.

Please note #11457 (comment)

[timvandermeij]

Aside from the changes made in PR #11504 there doesn't appear to be anything else that we can do here unfortunately.