Description
Bug Report
What happened?
Today we faced an issue with epub fixed-layout on android. Some books do not display correctly. They open, but the height of the <Body> is insufficient. You just see a line, or nothing at all.
By debugging the Iframe and manipulating the css, you just need to add the css property height:700px to see the page content appear.
On IOS and on the web no problem.
There is a file on swift-toolkit named : readium-fixed-wrapper.js that we did not find out on kotlin-toolkit. I don't know if the problem comes specifically from there. But it seems to miss a calculation step to determine the iframe size on the android side.
Expected behavior
We should calculate the size needed to display the book content.
How to reproduce?
- Open book on android
- Open chrome inspector
- Click on inspect
- Add css property height: 700px to
<Body>
Environment
- Readium version: 2.2.0
Development environment
- OS: macOS 12.2.1
- IDE: Android Studio 2021.1.1
Testing device
- Android version: 12
- Model: Pixel 5 API 32
- Is it an emulator? Yes
Additional context
Here are some screenshots:
Android without changing css
Android with updated css
IOS
Thank you for your help.