Baike.dev
Log in
Back to tool/Back to issues
#6233·readest

Reflowable EPUB2 book renders blank content pages (due to print-media `.noprint` class) and floated images sized incorrectly in paged mode

Author: smarliecyCreated Sep 16, 2026Updated Sep 17, 2026

Bug Description

Testing with a real-world reflowable EPUB2 book (InDesign/Sigil-exported, no EPUB3 nav document originally), I found two separate rendering issues in paged mode that do not occur in Calibre's viewer or in a plain browser (Chrome, opening the extracted XHTML directly):

1. Content pages render completely blank Every content XHTML file in this book has <body class="noprint">, paired with an inline stylesheet in each page's <head>: This rule is scoped to media="print" and should have no effect on screen rendering. However, in Readest's paged reading mode, every page rendered completely blank (including the cover) — only a hand-authored nav.xhtml (which lacked the noprint class) displayed correctly. Removing class="noprint" from every content page's <body> immediately fixed the blank-page issue. This suggests the paginator may be evaluating @media print styles (perhaps as part of pagination/column-width calculation), incorrectly hiding real content.

2. Text-wrapped (floated) images render far too small in paged/column mode The book uses a common float-based text-wrap pattern for small inline figures:

/* CSS: */ div.w30r { width: 30%; float: right; margin: .5em .5em 0 .5em; } img.w100 { width: 100%; max-height: 100%; } This renders correctly (image at ~30% of the reading column width) in Calibre and in plain Chrome (opening the extracted XHTML directly). In Readest's paged mode, the same images render much smaller than expected — consistent with the 30% width being resolved against a narrower per-column width from the multi-column pagination layout, rather than the full page/viewport width.

Steps to Reproduce

  1. Open the attached EPUB (reflowable EPUB2, float-based text-wrap images, noprint class on every page body) in Readest, in Paged mode.
  2. Observe blank pages before removing noprint.
  3. After removing noprint (content now visible), observe undersized floated images compared to Calibre / plain-browser rendering of the same XHTML+CSS.

Expected Behavior

  • @media print-scoped rules should never affect on-screen paginated rendering.
  • Percentage widths on floated elements should resolve consistently with how a single-column/full-page browser view would render them, so book styling looks the same across reading modes.

Reproduction File

No response

Operating System

iOS/iPadOS

OS Version

26.5

Readest Version

0.12.8

Custom CSS

No response

Source: readest/readest

View original on GitHubView discussion on GitHub