bell notificationshomepageloginedit profileclubsdmBox

10.01% popularity   0 Reactions

I have an interactive ebook that hides answers from the learner until he/she clicks a Show button.

The show function then toggles an div element between display:none and display:block. All answers are initialized with display:none.

This causes no issues in iBooks or Adobe DE, but in readium the scrollview that contains the html does not resize when the div is shown. The images below should explain a bit better.

The bottom of the page when the answer is hidden:

The bottom of the page when the answer is shown

Notice the extra content barely visible below the answer block, the scrollbar is at the bottom and cannot scroll down any further.
Once I manually resize redium, the scrollview is automatically fixed.

Is there a way for me to force the size update on the readium scrollview using JS?


Free books android app tbrJar TBR JAR Read Free books online gutenberg


Load Full (1)

Login to follow story

More posts by @Gretchen

1 Comments

Sorted by latest first Latest Oldest Best

 

@Karen

10% popularity   0 Reactions

I don't have much ability to answer your question (especially without seeing your code or knowing the required space in the viewport to hide or display).

I'm aware of and have occasionally tested things on Readium. But I never had a use case for supporting Readium for epubs.

If you support ibooks and ADE, that's covering a lot of ground. I assume it means you have also tested on Google Play Books.

Update: I see that Bluefire has released an ios reader based on readium. So that counts for something. That is still a sliver of reading audience.

You said this is related to resizing. I have noticed that some apps have resizing flakiness. But resizing is something you usually do on a PC browser, not a mobile device. I would worry about whether this issue shows up on mobile devices.

Let me mention that Google Play Books also has problems with regard to css related to page size. See my previous question here: How well does Google Play Books support page-oriented css? (i.e., page breaks) ). If Readium is based on Chrome code base, I have to wonder if this issue is rooted in Chrome instead of Readium or GPB.


Free books android app tbrJar TBR JAR Read Free books online gutenberg


Load Full (0)

 

Back to top