Tiny text area & huge bottom margin

[Outfit6073]

I'm on Ubuntu 24.04.2 and Calibre 8.4. All of my epubs display only a few lines of text, then the footers, with a huge bottom margin. The inspector shows this <div> element within body>div#view:

<div style="max-height: 100dvh; width: 100dvw; height: 100dvh; overflow: hidden; display: flex; align-items: stretch">

In the inspector, the max-height, width and height values are stricken out and say "Invalid property value". In the computed styles section of the inspector, it shows height=190px.

Within the div quoted above, if I change the height value from "100dvh" to anything else, like "500px", then it works, the text area enlarges to the 500px size.

However, if I add a custom style in preferences like this, it has no effect:

 div#view>div{
    max-height:500px !important;
    height:500px !important;
}

I would like to make it so the text area fills the window and adjusts as the window size is change.

[kovidgoyal]

Are you using a distro calibre package? If so uninstall it and install the official calibre binaries and you will be fine.

[Outfit6073]

And just like that, it's fixed. Thank you!!