Navigation in Interactive Book broken (using embedded Essay and xAPI)

Submitted by linos on Tue, 02/25/2025 - 12:49
Forums: 
Bugs in content types

How to reprocuce: Create an H5P interactive book with multiple pages/slides where one slide includes an H5P essay. Activate xAPI status tracking support in Moodle. Open the H5P interactive book in the course press the navigation arrow to move to the next slide.

Uncaught TypeError: this.inputField is undefined getXAPIAnswerEvent https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... getXAPIData https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... Column https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... getXAPIDataFromChildren https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... getXAPIData https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... nt https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... getXAPIDataFromChildren https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... getXAPIData https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... getXAPIStatements https://example.com/h5p/js/h5p_overrides.js?ver=1740039944:49 onreadystatechange https://example.com/lib/javascript.php/1740039944/h5p/js/embed.js:24 call https://example.com/h5p/h5plib/v127/joubel/core/js/h5p-event-dispatcher.... trigger https://example.com/h5p/h5plib/v127/joubel/core/js/h5p-event-dispatcher.... trigger https://example.com/h5p/h5plib/v127/joubel/core/js/h5p-event-dispatcher.... triggerXAPIScored https://example.com/h5p/h5plib/v127/joubel/core/js/h5p-x-api.js?ver=1740... handleChapterCompletion https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... updateChapterProgress https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... value https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... changeChapter https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... redirectChapter https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... o https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124... call https://example.com/h5p/h5plib/v127/joubel/core/js/h5p-event-dispatcher.... trigger https://example.com/h5p/h5plib/v127/joubel/core/js/h5p-event-dispatcher.... trigger https://example.com/h5p/h5plib/v127/joubel/core/js/h5p.js?ver=1740039944... addHashListener https://example.com/pluginfile.php/1/core_h5p//cachedassets/e665cd9a9124...

If using the navigation menu hidden behind the Hamburger button to navigate to the next slide the navigation works, and also continues to work afterworks using the arrow buttons! Also, if opened via Moodle's content bank the navigation works all the time.

Mobile and desktop view are affected.

Moodle 4.4.6+ (Build: 20250221)

H5P framework v1.27 (h5plib_v127)

Testing with the following browsers: Chrome/Chromium/Firefox

 

 

 

H5P file: 
Binary Data interactive-book-5235-5235.h5p
Content types: 
Essay
interactive book
otacke's picture

otacke

Tue, 02/25/2025 - 21:34

Hi Linos!

Thats was fixed in version 1.5.12 of Essay. H5P Group is still using and serving version 1.5.8 unfortunately. If you don't want to wait until they release an update, you can install the later version by downloading one of the demo contents at https://www.olivertacke.de/labs/2017/08/19/a-new-playground-h5p-essay/ and then uploading them to your moodle site with administrative rights.

Best,
Oliver

linos

Wed, 02/26/2025 - 09:31

Thanks! Strange way of solving this, but it worked!