Drag and drop not working on Windows touch screens

Submitted by nicw on Wed, 06/17/2020 - 00:10

Forums:

Hi

A client is running H5P quizzes with some questions having drag and drop as an option.

Two days ago we got our first report that this is not working on Windows tablets (we have been using this software combination for more than a year). We have confirmed that touch screens running Windows cannot drag and drop in Edge (latest Chromium update), Google Chrome or FireFox.

This does not affect iOS devices.

Details as follows:

WordPress Version 5.3.4

H5P plugin Version 1.15.0

No browser console errors we can see

No recent changes to the environment

Of course there was a major update to Windows recently.

Screenshot attached

Regards

Nic

Attachments:

Screenshot_2020-06-17 Basic Life Support - First Aid for All.png

Content types:

Drag and Drop

BV52

Tue, 06/23/2020 - 22:12

Permalink

HI Nic,Thank you for

HI Nic,

Thank you for reporting this. I created a bug report and you can follow the progress here.

-BV

acaliskol

Tue, 07/13/2021 - 14:32

Permalink

Hi,Related PR is provided in

Hi,

Related PR is provided in github repo: https://github.com/h5p/jquery-ui/pull/1

Please merge it and release new version for it since it is an important problem.

BV52

Tue, 07/13/2021 - 19:26

Permalink

Hi acaliskol,The developers

Hi acaliskol,

The developers in the H5P core team needs to review and test the PR first before this can be released. Regarding the timeline I'm afraid I cannot give you a definite schedule.

-BV

Putin KGB

Tue, 11/16/2021 - 14:45

Permalink

How I fixed it

Hello,

the fix is pretty simple once you've done it. Here are the steps:

1. Download the original h5p-jquery-ui from https://github.com/h5p/jquery-ui

2. Remove apply-when-upgrading.diff

3. Copy this (https://raw.githubusercontent.com/h5p/jquery-ui/dfd00da4d9c211ffd0f1fab5...) into the h5p-jquery-ui.js

4. Change the version in library.json from 1.10.19 to 1.10.20

5. Pack the folder with h5pcli (command: h5p pack jquery-ui-master jquery-ui.h5p)

6. Upload it into your moodle at Administration>H5P>Manage H5P content types AND at Administration>Plugins>H5P>Libraries

Thats it.