H5P Editor issue and missing libraries
Hey everyone,
Thanks for taking the time to read this post. I'm having an issue with a h5p file. Here is what happened:
1) Uploaded the H5P file (around 95MB) to platform A.
2) Slides number 8 and 9 are buggy. They wont open at all. If I navigate to them using the arrows or the bar, it gets stuck. It forces me to refresh the page.
3) I went to edit the file. The editor is not fully loading. I mean, it is loading but it is not the way it should be. See this screenshot: https://ibb.co/KcfQkv2s
After that, I did the same steps above on platform B. To my surprise, step 2 and 3 worked completely fine. Here is how the editor is opening: https://ibb.co/Xxt3c7pp
What I noticed is that in platform A, I'm getting these 2 errors upon clicking on the problematic slides: (from the console using DevTools)
Uncaught TypeError: H5P.DragNDrop is not a constructor
DragNBar [REDACTED_URL]/pluginfile.php/1/core_h5p//cachedassets/[REDACTED_HASH].js:8950
attach [REDACTED_URL]/pluginfile.php/1/core_h5p//cachedassets/[REDACTED_HASH].js:31515
attachElement [REDACTED_URL]/pluginfile.php/1/core_h5p//cachedassets/[REDACTED_HASH].js:
Uncaught TypeError: this.dnb is undefined
I made sure to:
1) Update all h5p related plugins
2) Update the H5P libraries. I was able to see the DragNDrop library already installed. See this image: https://ibb.co/Cs6Dc2n1
Also see the update content type cache: https://ibb.co/Vp0vkVPW
There does not seem to be any version mismatch based on what I already saw. I'm not sure what could be the issue.
The h5p file in question: https://we.tl/t-cUi8gmYjtV (couldn't upload it here)
Platform A:
Moodle version 4.3.10 | H5P framework v1.27 (h5plib_v127) | PHP 8.1
Platform B:
Moodle version 4.3.8 | H5P framework v1.27 (h5plib_v127) | PHP 8.1
Please let me know if there's any more info you need, and I genuinely appreciate any help on this.
Thanks again.