Can't even get the dialogue open

Submitted by pmulj on Fri, 10/06/2023 - 00:10
Forums: 
Content creation

I only need to create a simple course presentation. But, the dialogue for adding any content does not even open up. For example, I click the Text tool, but the dialogue to add the text never opens. 

I tried three different browsers in two different computers. Unfortunately, nothing works. May I please get some help? Thank you in advance.

Edit:
I'll give the 11-item information as listed at https://h5p.org/forum/9

  1. Detailed steps to reproduce the bug (exactly how and when did it happen): Create presentation --> Click the Text tool to add a block of text --> but, there is no text box dialog. I could replicate the same issue when I added an image and other types of tools.
  2. Platform and version number. E.g. Drupal, Wordpress, Moodle.: I am simply using www.H5P.org 
  3. Mobile or Desktop: Desktop
  4. Browser: Chrome, Firefox, Safari etc: Chrome, Firefox, and Edge
  5. H5P plugin version: I am unsure about this. Again, I simply use www.H5P.org
  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P: Course Presentation. Link is here https://h5p.org/h5p/embed/1441374. But, there is nothing because I couldn't even get started with adding anything. 
  7. Any browser console errors: None 
  8. Any PHP errors: Not that I know of.
  9. Screenshots if it's a visual problem: Attached. A commenter shared a gif file, showing the same exact issue I am having
  10. Any recent changes to the environment (new plugins/modules, updates, configuration changes etc.): Not that I know of.
  11. Any recent changes to the browser you're using (new extensions, updates etc.): Not that I know of.
Attachments: 
Image icon Screenshot 2023-10-05 144854.png
Summary: 
Text tool
Content types: 
Course Presentation

oipasn

Fri, 10/06/2023 - 13:56

I'm attaching a gif demonstrating this bug, might be related to the new version of wordpress...

Don't know how to work around it.

Attachments: 
Image icon h5p_bug.gif

pmulj

Fri, 10/06/2023 - 17:55

Indeed, we are having the same problem. Thank you for sharing the gif file.

I used H5P for quite some time at my previous job. This time, I wanted to teach my students about using H5P using the free version at H5P.org

I am not using WordPress. I simply login to H5P.org, intend to create some content, and teach my students on how to use it.  

BV52's picture

BV52

Fri, 10/06/2023 - 18:48

Hi pmulj,

I was able to reproduce this issue. I will reach out to the developers so that they can check the site.

Edit: Interactive Book is also not working but with a totally different symptom. All other content types in H5P.org works as expected. 

-BV

otacke's picture

otacke

Fri, 10/06/2023 - 14:50

What would actually help in order to help you is if you followed the 11 bullet points outlined at https://h5p.org/forum/9 for creating a bug report. The most crucial one is #7 (see https://balsamiq.com/support/faqs/browserconsole/ for more details on what that means).

Adding a screeshot comes with good intentions, but would you be able to tell why a car is not driving if I showed you a photo of it standing in a street - unless it is completely demolished that is ;-)

otacke's picture

otacke

Fri, 10/06/2023 - 19:08

See, this is helping - even though you cheated ;-) There in fact is some error message in the console (bullet point 7): `Uncaught TypeError: that.dnb.toggleDrag is not a function` in the file cp-editor.js at line 147 ...

The H5P core team will need to fix this.

@BV: As part of JI-5322, the Drag-n-Bar library received that `toggleDrag` function two months ago. That's a change that (when done cleanly) should have been accompanied with a minor version bump (because the API was amended) and a depencency update in the CoursePresentation editor accordingly, but only the patch version was changed. The CoursePresentationEditor says it requires version 1.5 of the Drag-n-Bar library which may or may not contain that `toggleDrag` function, depending on which is installed by change. So it may or may not crash.

Seemingly on H5P.org it's version 1.5.18 that is installed, but only versions as of 1.5.21 contain the missing function. To fix this, one should at least install version 1.5.21 of the Drag-n-Bar library on h5p.org.

The problem seems to have been caused by a) letting versioning slip and b) installing the CoursePresentationEditor in the version from the master branch (1.25.6) instead of using the current release version (which seems to be 1.25.4) and c) by not updating the release branch in a while - so it may not have been clear what version to use. In that case, I'd have assumed to fall back to what's on H5P.com. The item b) may be linked to using the new H5P CLI tool for building the libraries which by default fetches from the master branch (see https://github.com/h5p/h5p-cli/issues/55).

But things like that happen, I guess.

BV52's picture

BV52

Fri, 10/06/2023 - 19:17

Hi Oliver,

I'll forward this information to the devs. 

Thanks once again and happy weekend!

-BV

pmulj

Fri, 10/06/2023 - 20:08

You are amazing. Sorry that I cheated ;-)

At least I know what's going on and can find a different way to introduce H5P to my students.

otacke's picture

otacke

Fri, 10/06/2023 - 21:27

Thanks, but I am just old and have had time to learn a couple of things while neglecting others :-) 

otacke's picture

otacke

Fri, 10/06/2023 - 21:36

If I am not completely mistaken, H5P Group has fixed this already! <3

pmulj

Fri, 10/06/2023 - 21:52

Indeed! I am able to add text, images, etc. 

Thank you everyone!

BV52's picture

BV52

Fri, 10/06/2023 - 22:09

Thank you for confirming.

Have a great weekend everyone!

oipasn

Sat, 10/07/2023 - 02:23

  1. Try to add any element to presentation - no properties will show up - https://h5p.org/sites/default/files/h5p_bug.gif
  2. Wordpress 6.3.3
  3. Desktop
  4. Chrome, Firefox
  5. H5P plugin version - Version 1.15.6
  6. Course Presentation
  7. Any browser console errors
  8. Uncaught TypeError: that.dnb.toggleDrag is not a function
    showElementForm https://SITE/wp-content/uploads/h5p/libraries/H5PEditor.CoursePresentati...
    releaseCallback https://SITE/wp-content/uploads/h5p/libraries/H5PEditor.CoursePresentati...
    release https://SITE/wp-content/uploads/h5p/libraries/H5P.DragNDrop-1.1/drag-n-d...
  9. None that I see
  10. https://h5p.org/sites/default/files/h5p_bug.gif
  11. Fresh install
  12. No changes in the browser

 

otacke's picture

otacke

Sat, 10/07/2023 - 09:40

Because the respective update will need to be shared via the H5P Hub, too (waving at you, BV, once more). Alternatively, you can download the Course Presentation demo content from https://h5p.org/presentation and upload it to your WordPress site. That will also install the newer libraries.

oipasn

Sat, 10/07/2023 - 13:59

This worked, thank you! I'll post an update at wordpress.org.

Drag N Bar updated from 1.5.18 to 1.5.22.

For people trying to follow this check the screenshot: