satorumurmur / bibi

Bibi | EPUB Reader on your website.
https://bibi.epub.link
MIT License
859 stars 123 forks source link

Can't scroll down on ebedded books in mobile #98

Open simiform opened 3 years ago

simiform commented 3 years ago

When I embed a book onto a page so users can view it there instead of opening in a new window, it works great on PC. However on mobile, I can't scroll down if I do it on top of the embedded book, whether it has been opened or not.

Note that I don't have this issue if I use developer tools and view it in mobile mode - I can scroll fine on my computer (using the touch screen). But when I view on my phone, I can't scroll down.

I can get around it by scrolling down on the edges, outside the ebook, but most users aren't going to figure that out. It just feels like a frozen screen to them. So as a result, the embed function is useless for mobile. I tested this on my own website, as well as the developer website - same issue.

This might be a design oversight in the app rather than a specific issue or bug with the program. But I'd like to open up the issue because it limits an otherwise great app.

satorumurmur commented 3 years ago

This is a common problem faced by widgets which have the scrollable box (For example, Google Maps avoids it by asking users to scroll with two fingers). I already understand that the current behavior of embedded Bibi is not good, as you say. But I need a little more time to find the best solution. Please wait, thanks.

simiform commented 3 years ago

Oh, that makes sense. The simplest workaround is to just use the default (open in a new window for mobile), or not offer the embedded option in mobile. The advantage of allowing epubs to be embedded on mobile, however, is it doesn't force users to leave the page. Since it's a universal issue, not app specific, I can close the issue if you'd like. Let me know.

Thank you for creating this app and continuing to work on it - it's made developing online libraries really intuitive and easy.