Skip to content

EPUB with overflow-x: hidden style breaks pagination #119

@mickael-menu

Description

@mickael-menu

This epub has overflow-x: hidden CSS for the <body> tag. That is what is causing this. @mickael-menu should Readium CSS be changed to always override that?

Originally posted by @stevenzeck in readium/kotlin-toolkit#292 (comment)


Original Bug Report by A-Fawzyy

What happened?

The attached epub's chapter shows in a single page, where it should show over several pages.

book-vertical-render-issue_compressed.mp4

Expected behavior

Only a part of the chapter should show, and the rest of the chapter should be displayed after navigating to the next page.

Actual behavior

The chapter is rendered in a single page.

How to reproduce?

‎⁨الحرب_والسلم_(الكتاب_الأول)⁩.epub.zip
The ebup download url: https://downloads.hindawi.org/books/26307461.epub

Environment

  • Readium version: 2.2.1

Development environment

  • OS: macOS Ventura 13.0
  • IDE: Android Studio Dolphin | 2021.3.1 Patch 1

Testing device

  • Android version: 11
  • Model: Realme Narzo 50i
  • Is it an emulator? No

Additional context

  • Are you willing to fix the problem and contribute a pull request? Yes, Please

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions