navigation link conflict - interactive book in Moodle

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

Summary: 
interactive book navigation conflict with Moodle
Content types: 
otacke's picture

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

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

 

 

otacke's picture

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

otacke's picture

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?

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

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

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 

 

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

 

...maybe they'll have some insight.

and it worked well. hmmmmm.

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

BV52's picture

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

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