CSS compatibility width: fit-content

[ElMiko]

Is there any chance of getting KOReader to accept the width: fit-content property/value?

[ElMiko]

Nothing?

I'm really struggling to understand what CSS elements and properties are compatible with KOReader, and why. I have yet to find a program that reliably gives the user as much control over his/her reading experience as KOReader, but the advanced CSS formatting that it interprets versus that which it ignores is a black box. I understand (and, frankly, align with) the reticence to make KOReader integrate the multimedia elements of ePub3 design, but I am left puzzled by what appears to be an abitrary implementation of modern HTML formatting.

Is there at least any sort of reference guide for what works in KOReader and what doesn't? And what (if any) additional HTML/CSS functionalities are likely to be incorporated?

[Frenzie]

https://wiki.mozilla.org/QA/Minimal_Test_Cases

fit-content is already supported, so without a minimal testcase there isn't really anything to say.

I am left puzzled by what appears to be an abitrary implementation of modern HTML formatting.

The fact that Netsurf is quite similar in end result suggests it's closer to inevitable than arbitrary.

Is there at least any sort of reference guide for what works in KOReader and what doesn't? And what (if any) additional HTML/CSS functionalities are likely to be incorporated?

Mainly https://github.com/koreader/crengine...t.cpp#L38-L315

As for what would be added, basically whatever piques someone's interest. Doing preparatory work like providing minimal testcases increases the pique factor.

[ElMiko]

Originally Posted by Frenzie

https://wiki.mozilla.org/QA/Minimal_Test_Cases

fit-content is already supported, so without a minimal testcase there isn't really anything to say.

Sorry, the Google AI overview (which we all know has never been wrong) reported that fit-content is not well-supported by KOReader, which seemed to confirm my personal experience, prompting the original post. I've attached a sample epub file with the replicated code that is getting jammed up in KOReader.

The goal is to have a block of text that is centered in the page but with its contents variably aligned within that block, and constrained by the width of its contents [see FitContentCORRECT.jpg].

Unfortunately, in KOReader, it seems to be ignoring the fit-content value and occupying the full width of the screen (excluding the 5% L/R padding). [see FitContentWRONG.jpg]

[Frenzie]

It looks like the "correct" screenshot for me. You're most likely using an old version or you've changed some render setting.

[ElMiko]

Originally Posted by Frenzie

It looks like the "correct" screenshot for me. You're most likely using an old version or you've changed some render setting.

Thanks for looking into this @Frenzie.

I updated and now am getting something similar to what your seeing, but it's still not actually "fitting to content". As you can see from your screenshot, the lines are breaking when they shouldn't be—the "padding" is way more than 5% on either side.

EDIT: I think I see what's happening... It's applying the padding after the fit-content, so the content will always render as less than its full width. Presumably, setting the padding to zero and wrapping the whole element in a div with 5% L/R margins will get around this, right?

EDIT2: Okay, so there are two approaches here that would work, I think. One is the div wrap, which would be most useful with absolute value margins (e.g. 2em). The other is a max width property within the blockquote itself, which would be most useful for relative boundaries.

[Frenzie]

More in https://github.com/koreader/crengine...on_r3107195648