Kavita icon indicating copy to clipboard operation
Kavita copied to clipboard

On small screens, epub viewer bleeds between pages

Open eyecreate opened this issue 1 year ago • 0 comments

This bug was recreated using Firefox developer tools with responsive design mode using "Galaxy s20 android 11" profile.

Describe the bug Using an image containing epub(I used Jeni's Splendid Ice Creams), I noticed that on smaller screen sizes using 1 column setting, the images can bleed onto other pages. This can interfere with reading the documents. I opened the same epub in calibre and made it smaller and it didn't have the same issue.

To Reproduce Steps to reproduce the behavior:

  1. Open epub with large image
  2. shrink page size to around 360 width
  3. set single column reading
  4. See image on both pages

Expected behavior Images on one page shouldn't show up on a different page.

Screenshots Scroll Mode Scroll Mode Single Column Single Column Mode

Desktop (test pictures):

  • OS: OpenSuse Tumbleweed
  • Browser Firefox
  • Version 120

Smartphone (where I first saw it):

  • Device: Pixel 6
  • OS: Android 14
  • Browser Firefox
  • Version 120

eyecreate avatar Dec 17 '23 19:12 eyecreate