Cannot scroll HTML5 Flexbooks with finger drag on iOS devices

Observed behavior

When viewing a Flexbook content in iPad2, there is no scrollbar so that the user can view the rest of the content. User also cannot scroll down.

Clicking on the “full-screen” button at the upper right portion blows the content to occupy the whole browser page BUT the content still cannot be scrolled-down. Refer to screenshot below where the right-side Safari 12.1 browser shows a scrollbar on the content.

Expected behavior

There must be a scrollbar to view the Flexbook content or user should be able to scroll down to see further content.

User-facing consequences

Users cannot see the rest of the Flexbook contents.

Errors and logs

N/A

Steps to reproduce

Import the CK-12 channel. Open the CK-12 Flexbook content in the iPad2 simulator. Example:

Channels - CK-12 - Science - Earth Science - Introduction to Earth Science - Scientific Community

Context

• Kolibri version: 0.12.4-beta7
• Operating system: iPad2 on iOS 9.3 Simulator
• Browser: Safari 9.3

Left: Safari in iOS 9.3 Simulator Right: Safari 12.1 in macOS Mojave

[indirectlylit]

pushing to 0.12.5 because this is not a regression

[rtibbles]

Closing as fixed.