Active Surface Course Presentation Scrolls on Touch Devices

Hi All,

We've just finished a website and I've noticed a bug on the active surface course presentation content type.

On any touch-enabled mobile device (tablet or phone), touch any of the slide anchors makes the window scroll. It isn't apparent in simulators like responsive design mode in safari, only on actual touch devices. Take a look here: https://bcacha.org.

Please let me know if I can provide any more information!

Content types: 
BV52's picture

Hi Roger,

Can you please provide the exact page where the content is. I can't seem to find it in the homepage.

-BV52

It is an interactive questionnaire on the homepage. Here's a screen shot...

It is on the homepage as an interactive questionnaire. Here's a screen shot...

BV52's picture

Hi Roger,

Thank you for the additional information and sorry I didn't notice the "full-screen" button which could have been a hint. Anyway I tried reproducing this issue to no avail. I am running on Android 6.0 with Chrome 64.03282.137. Does this happen to any device that you use or only specific with some OS/browser?

-BV52

I've seen it on both iPhone and iPad, so maybe it's iOS thing. I will try it on an Android-powered device, too. Note that I couldn't replicate it in 'Responsive Design Mode' in Safari, only on the devices themselves.

BV52's picture

Hi Roger,

Don't sweat it, I am testing this now in Ipad and I can see the issue. Please stand by for an update :-)

-BV52

Great! Thank you so much and please let me know if there is anything that I can do.

BV52's picture

Hi Roger,

I tried reproducing the issue using a content I created but I am unable to do so. In order to give your bug report the best chance of getting answered, please include the following information:

  1. Detailed steps to reproduce the bug: Tap on an achor -> page scrolls down
  2. Platform and version number. E.g. Drupal, Wordpress, Moodle.
  3. Mobile only in iOS
  4. Browser: Chrome, Safari etc
  5. H5P plugin version
  6. Theme used

The more information you provide, the quicker the community will be able to fix it and the quicker you'll have a working solution!

Note: I already highlighted the information that we already have.

-BV52

Thanks @BV52. Here it is:

  1. Detailed steps to reproduce the bug: Tap on a 'go to slide' achor -> page scrolls down
  2. Platform and version number. Wordpress 4.9.4
  3. Mobile only in iOS
  4. Browser: Chrome, Safari etc
  5. H5P plugin version: 1.10.1
  6. Theme used: Create Theme by ThemeTrust, bundled with Page Builder by SiteOrigin
thomasmars's picture

Thank you for reporting this issue. I have created a ticket for fixing this in the H5P issue tracker where you can follow along the progress: https://h5ptechnology.atlassian.net/browse/HFP-1887.

otacke's picture

Hi Roger!

I have been looking into your issue, and I can confirm the problem on your site, but I cannot reproduce it with the latest version of course presentation. Taking a look at the code that's executed on your site, it seems that the version of Course Presentation that the content is using is older than version 1.17.5 that has been released in September 2017 and which should have fixed that problem.

Please make sure that you have not only installed a Course Presentation library of at least version 1.17.5, but also updated older library versions -- you should see a green arrow if that's possible.

Just drop me a note if that fixes your issue, please.

Best,

Oliver

Wow, it's easy to miss those library updates! I updated the library and that seems to have fixed it. Thank you very much!

otacke's picture

Hi Roger!

Glad it worked!

Best,

Oliver