entering and exiting full screen causes epub to become blank

[indirectlylit]

Observed behavior

entering and exiting full screen causes epub to become blank:

Expected behavior

epub should render as normal

User-facing consequences

user confusion

Steps to reproduce

• open epub
• enter full-screen
• press 'escape'

epub will be blank

Context

• 0.12.4 beta 4
• chrome
• mac

[rtibbles]

I feel like this happened before, but I can't find any record of it. My intuition is that it is due to the new version of epubjs (but worth checking 0.12.3 to see if the behaviour exists there).

[danigm]

I can reproduce this problem in the current release v0.15.1, just in chrome. In firefox this doesn't happens to me.

We've a workaround fix for the Endless Key, just reemiting the resize event after fullscreen: https://github.com/endlessm/kolibri-explore-plugin/commit/98b809ea346bb63476fae8d2cc54f727f1bced37

[jamalex]

Reopening so we can see if we can replicate this

[radinamatic]

@pcenov Could you try to replicate this tomorrow? Thank you!

[pcenov]

@radinamatic yes I confirm that this issue is still extant in release v0.15.1 in Chrome only - works fine in Safari and the Mac app.

[rtibbles]

I think this may also be related to the issues we have seen when trying to update epubjs to a newer version.

[vanessa-chang]

Test on Kolibri android version 0.15.6-92dd435-official & endless key (kolibri: 0.16.0a12)

The presentation breaks (as the screenshot below) when it enters to a full screen mode, and it cannot change the page by clicking the back/ next button. It will display normally if you exit the full screen mode.

note: This issue is only reproduced on the Android 9, 32-bit device. It works well on the andriod 11 device.

Android 9 / ChromeOS: 113.0.5672.134 (32-bit) Android 11 / ChromeOS: 113.0.5672.134 (64-bit)