Branching Scenario Question Editor Not Working in Wordpress

Submitted by escapetheechoes on Wed, 08/16/2023 - 00:36
Forums: 
Bugs in content types

On our Wordpress site, in the Branching Scenario editor, when I try to add a Branching Question to the dropzone, the editor goes completely blank with nothing in the dropzone content area and not even the Branching Scenario menu. See https://escapetheechoes.com/h5p-branchingscenario-bug.mp4 for a screen replay.

Any help or advice would be much appreciated. Thanks!

Content types: 
Branching Scenario
otacke's picture

otacke

Wed, 08/16/2023 - 16:15

Hi!

It would help if you followed the hints about writing a bug report that are listed at https://h5p.org/forum/9. In particular, item 7 feels essential here. There must be some error message in your browser's development console.

Best,
Oliver

escapetheechoes

Thu, 08/24/2023 - 23:27

Update: The Branching Question form box started to appear instead of a blank dropzone. However, the area to actuallly add the questions is missing (see attached screenshot) with the text "[field:group:branchingQuestion:branchingQuestion]" displaying instead of input boxes.

1. Detailed steps to reproduce the bug (exactly how and when did it happen)
- Click Add New Branching Scenario
- Drag Branching Question into Dropzone

2. Platform and version number. E.g. Drupal, Wordpress, Moodle.
Wordpress 6.3

3. Mobile or Desktop
Desktop, Windows 10

4. Browser: Chrome, Firefox, Safari etc
Chrome (also tried on Firefox with same bug)

5. H5P plugin version
1.15.6

6. H5P content type and version (if a content type was used), and a sample URL or attached H5P.
Branching Question 1.0.18
Branching Question Editor 1.0.5
Branching Scenario 1.8.2
Branching Scenario Editor 1.5.2

7. Any browser console errors
Error: Unable to locate Branching Question Editor. Did someone change Core?
    at s.value (dist.js?ver=1.5.2:2:246624)
    at s.ready (dist.js?ver=1.5.2:2:241803)
    at s.value (dist.js?ver=1.5.2:2:245594)
    at s.value (dist.js?ver=1.5.2:2:245060)
    at ll (dist.js?ver=1.5.2:2:127341)
    at gs (dist.js?ver=1.5.2:2:144967)
    at t.unstable_runWithPriority (dist.js?ver=1.5.2:2:170653)
    at Wo (dist.js?ver=1.5.2:2:89070)
    at bs (dist.js?ver=1.5.2:2:141633)
    at rs (dist.js?ver=1.5.2:2:137787)
nl @ dist.js?ver=1.5.2:2
n.callback @ dist.js?ver=1.5.2:2
hi @ dist.js?ver=1.5.2:2
ll @ dist.js?ver=1.5.2:2
gs @ dist.js?ver=1.5.2:2
t.unstable_runWithPriority @ dist.js?ver=1.5.2:2
Wo @ dist.js?ver=1.5.2:2
bs @ dist.js?ver=1.5.2:2
rs @ dist.js?ver=1.5.2:2
(anonymous) @ dist.js?ver=1.5.2:2
t.unstable_runWithPriority @ dist.js?ver=1.5.2:2
Wo @ dist.js?ver=1.5.2:2
Go @ dist.js?ver=1.5.2:2
qo @ dist.js?ver=1.5.2:2
Yl @ dist.js?ver=1.5.2:2
enqueueSetState @ dist.js?ver=1.5.2:2
w.setState @ dist.js?ver=1.5.2:2
value @ dist.js?ver=1.5.2:2
(anonymous) @ dist.js?ver=1.5.2:2
(anonymous) @ dist.js?ver=1.5.2:2
onDropped @ dist.js?ver=1.5.2:2
(anonymous) @ dist.js?ver=1.5.2:2
(anonymous) @ dist.js?ver=1.5.2:2
dist.js?ver=1.5.2:2

8. Any PHP errors
(none)

9. Screenshots if it's a visual problem
(see attached)

10. Any recent changes to the environment (new plugins/modules, updates, configuration changes etc.)
No

11. Any recent changes to the browser you're using (new extensions, updates etc.)
No

 

Attachments: 
Image icon screenshot-branchingscenario-bug.png
otacke's picture

otacke

Fri, 08/25/2023 - 08:23

It seems that one of the editor libraries is missing for some reason (An update gone wrong? Using some patched version with a problem? ...).

This can most likely be fixed by downloading the Branching Scenario demo content from https://h5p.org/branching-scenario#example=440740 and then uploading it to your WordPress site (with proper rights). Potentially, you might be required to set H5P into development mode temporarily (!), please compare https://h5p.org/wordpress-customization

Best,

Oliver 

escapetheechoes

Mon, 08/28/2023 - 23:14

Thanks Oliver, I tried downloading and then uploading the Branching Scenario demo content. It loaded successfully but when I tried to edit one of the branching questions, it displayed the same error as in my previous screenshot with the text "field:group:branchingQuestion:branchingQuestion]" displaying instead of the question textbox. The same error messsage also appeared in the console: "Uncaught Error: Unable to locate Branching Question Editor. Did someone change Core?..."

I also tried setting HP5 into development mode but nothing changed.

Is there a way to manually update the Branching Question Editor in Wordpress?

Thanks again for any help or suggestions.

otacke's picture

otacke

Mon, 08/28/2023 - 23:40

When you set the platform to development mode, all libraries from the demo content file should have been (re-)installed when uploading the content file no matter what.

It's not necessarily enough to build the libraries and to copy files (to wp-content/uploads/h5p/libraries), but the database entries would need to be checked as well.

escapetheechoes

Tue, 08/29/2023 - 00:26

I reset the H5P to development mode in Wordpress and then uploaded the sample Branching Scenarios H5P file again, but the same error is still there (can't locate the Branching Question Editor).

How do I check the database entries?

Thanks.

otacke's picture

otacke

Tue, 08/29/2023 - 09:48

Sorry, explaining the database and its relevant entries exceeds the free time I have.

escapetheechoes

Tue, 08/29/2023 - 18:16

No worries, otacke. Thank you for your help thus far. If you (or anyone else) have any tips for what I should try to research on my own, would be much appreciated.

otacke's picture

otacke

Tue, 08/29/2023 - 23:07

I'd investigate whether you for some reason have a library version that's already higher than what's available on the H5P Hub. I know some people patch libraries, share their content and can thus create trouble. At least that would explain why the library doesn't get installed even if you are in development mode.

You can as well copy the missing library from within the demo file (it's a zip file) to wp-content/uploads/h5p/libraries and then add missing entries to the database, but that's too tedious to explain.

Checking if some (WordPress) cache is playing tricks could also be an option.

escapetheechoes

Mon, 08/28/2023 - 23:18

Thanks Oliver, I tried downloading and then uploading the Branching Scenario demo content. It loaded successfully but when I tried to edit one of the branching questions, it displayed the same error as in my previous screenshot with the text "field:group:branchingQuestion:branchingQuestion]" displaying instead of the question textbox. The same error messsage also appeared in the console: "Uncaught Error: Unable to locate Branching Question Editor. Did someone change Core?..."

I also tried setting HP5 into development mode but nothing changed.

Is there a way to manually update the Branching Question Editor in Wordpress?

Thanks again for any help or suggestions.