We are encountering an issue rendering a PDF using Webview in Firefox

[softue]

We are encountering an issue rendering a PDF using Webview in Firefox. While the PDF displays correctly in Google Chrome, Firefox renders a blank page without any errors.

Is there a solution or a better component render a PDF in Rio?

Exemple page: /teste

from __future__ import annotations

import typing as t

import rio

from .. import components as comps


@rio.page(
    name='Teste',
    url_segment='teste',
)
class Teste(rio.Component):
    def build(self) -> rio.Component:
        return rio.Webview(
            rio.URL("https://www.thecampusqdl.com/uploads/files/pdf_sample_2.pdf")
        )

Firefox Rendering:

Google Chrome Rendering:

Additional information

• Tested on Windows and Linux
• Google Chrome: OK on Windows, Linux Mint (136.0.1 64-bits) and Debian
• Firefox: Issue observed on Windows, Linux Mint (136.0.1 64-bits) and Debian
• Tested in Debug mode (rio run dev)
• Tested in Release mode with Docker: CMD ["python", "-m", "rio", "run", "--release", "--port=8000", "--public"]
• Also tested with the document saved locally in /rio/assets/hosted

[mad-moo]

Hello! Thank you for pointing this out. We've had a look and this is an issue in how rio.Webview handles the height of some content. It'll be fixed in the next release.

In the meantime, wrapping the Webview in a rio.Column seems to work as a workaround. Try this:

    def build(self) -> rio.Component:
        return rio.Column(
            rio.Webview(
                rio.URL("https://www.thecampusqdl.com/uploads/files/pdf_sample_2.pdf"),
            ),
        )

[softue]

Thanks, it is working now.