navigation link conflict - interactive book in Moodle

Submitted by kylemackie on Tue, 09/15/2020 - 23:58
Forums: 
Bugs in content types

Hi there. I'm loving the new interactive book content type, but I think I've found a conflict when I bring it into a Moodle environment (3.9) - specifically with the ">" navigation link at the bottom right. Everything works perfectly here: https://h5p.org/node/1017323, but when I bring it into Moodle, the ">" navigation link at the bottom right does not do...anything.

Wondering if this is a Moodle bug, or something in H5P. The top arrow works fine, which is odd.

If anyone can try this out, to verify and/or help, that would be super. Thanks.

 

@kylemackie

H5P file: 
Binary Data module-template-1291105954691776169.h5p
Attachments: 
Image icon Screen Shot 2020-09-15 at 5.52.42 PM.png
Summary: 
interactive book navigation conflict with Moodle
Content types: 
interactive book
otacke's picture

otacke

Wed, 09/16/2020 - 11:02

Hi!

I tried your file, but I cannot observe any problems on moodle 3.9 (using Chrome). Could you please have a look at your browser's development console (usually by pressing F12 or Ctrl-Shift-I or Ctrl-Shift-J) and check it for errors that are displayed when clicking that button?

Best,
Oliver

kylemackie

Wed, 09/16/2020 - 15:12

not 100% sure what I'm doing, but does this help?

 

 

Attachments: 
Image icon Screen Shot 2020-09-16 at 9.12.03 AM.png
otacke's picture

otacke

Wed, 09/16/2020 - 19:21

Close! The "What's new" section is not that interesting :-) Could you click on "Console" instead? 

kylemackie

Wed, 09/16/2020 - 19:47

...?

Attachments: 
Image icon Screen Shot 2020-09-16 at 1.42.34 PM.png
Image icon Screen Shot 2020-09-16 at 1.42.48 PM.png
otacke's picture

otacke

Wed, 09/16/2020 - 20:28

Perfect, that's what I was looking for. Unfortunately, these are just some warnings and should not be related to that issue. Had you clicked on the button before taking the screenshots?

kylemackie

Thu, 09/17/2020 - 17:09

I clicked the button before taking the screenshots.

One thing I notice is when I click the next arrow at the top, the div id="top control" changes (and it advances)

When I click the next arrow at the bottom, the div id="top control" does not change.

No errors though.

BV52's picture

BV52

Thu, 09/17/2020 - 19:47

Hi kylemackie,

It's a longhsot but can you try to disable other plugins that are running in Moodle and your browser. I tried this myself and it is working as expected.

-BV

otacke's picture

otacke

Thu, 09/17/2020 - 19:54

Thanks, BV!

I actually wouldn't have a clue why both buttons should behave differently and would need to dig into the code (without being able to reproduce the problem).

Best,

Oliver 

 

kylemackie

Thu, 09/17/2020 - 20:41

I wondered if that was the case as well, but disabled all the other plugins and it didn't solve it.

 

kylemackie

Thu, 09/17/2020 - 20:52

...maybe they'll have some insight.

kylemackie

Thu, 09/17/2020 - 21:33

and it worked well. hmmmmm.

kylemackie

Thu, 09/17/2020 - 21:59

"Material Boost". I disabled it and it works fine. 

BV52's picture

BV52

Fri, 09/18/2020 - 18:43

Hi kylemackie,

Good to know that you found what is causing this. I still wonder though why the top and bottom buttons behave differently.

-BV

kylemackie

Fri, 09/18/2020 - 21:56

Below is a temp fix for you:

 

1. Go to Material Boost theme's advanced settings

2. Enter the code below to the "Raw SCSS" input field:

  #page-h5p-embed #topcontrol {display: none}

3. Save changes