Single column setting doesn't work for PDFs

[Skazitron]

Describe the bug
I read books on my laptop, but I set the layout to single-column because it's easier to read. This works for epub and other supported extensions. However, PDF files that are opened on Foliate display two pages (even if the layout is set to single-column) unless you reduce the width of the Foliate app window.

Edit:
I realize this issue has been brought up before. I would like to create a PR to attempt fixing this if given the green light.

To Reproduce
Steps to reproduce the behavior:

1. Open a pdf file on the Foliate app.
2. Click on the three dots on the top-right of the Foliate window.
3. Click on Font & Layout Settings
4. Select Layout and set the maximum number of columns to 1.

Expected behavior
I expected there to be a single page per screen.

Screenshots
Here you can see that it shows two pages/columns on the same screen for the pdf even though the no. of columns is set to one:

However when I reduce the width of the window to a small (mobile screen) breakpoint, it changes to 1-column:

Version:

• Foliate version: 3.3.0
• OS/Distribution and version: Ubuntu 24.04 LTS
• Desktop environment: GNOME 46.0
• Installation method: flatpak

[Skazitron]

@johnfactotum I've implemented a patch inside of foliate-js/fixed-layout.js locally that seems to fix this issue. I had to change how we were determining the value of portrait in this line.

A PR for the foliate-js repo has been created to address this.

Thank you in advance for taking a look!

[Skazitron]

Additionally, I have a patch for making pdfs/spreads scrollable. Let me know if this is something that you'd be interested in adding to the app.

[Skazitron]

@johnfactotum Hi, it's been a few weeks since I've created this issue. Bumping again for visibility.