H5P drag-drop option not working on chromebook using touch screen

Submitted by ram1 on Fri, 11/20/2020 - 11:58
Forums: 
Developers

Hello,
I am facing issue "H5P drag-drop option not working on chromebook using touch screen".

I am really willingness to hire a developer to fix the same issue.

Please reponde me as soon as possible.

Summary: 
willingness to hire a developer for H5P drag-drop option not working on chromebook using touch screen
Content types: 
Drag and Drop
otacke's picture

otacke

Fri, 11/20/2020 - 17:50

Hi ram1!

I can only assume that your issue is related to the same issue that occurs on Chrome running on Windows systems with a touch interface. There's already a fix proposed at https://github.com/h5p/jquery-ui/pull/1 that you could try.

Best,
Oliver

ram1

Sun, 11/22/2020 - 05:37

Thanks for your reply.
But my issue is not with windows and chrome.
I am facing issue on chromebook device using touch screen.
Drag and drop is not working on chromebook device when trying to dra and drop by using touch.
Please assist me to fix it.

otacke's picture

otacke

Mon, 11/23/2020 - 18:06

Hi ram1!

By writing "I can only assume that your issue is related to [..]" I thought I made it clear that I am fully aware that your setup is not identical. Yet, it's a problem with touch detection in Chrome and chances are high that the other fix will fix your problem, too. You have not tried it yet, have you?

Best,
Oliver

ram1

Sun, 11/29/2020 - 12:31

Hi Oliver,
As you suggested to do #option 2. I replaced my uploads\h5p\libraries\jQuery.ui-1.10/h5p-jquery-ui.js with https://github.com/h5p/jquery-ui/blob/master/h5p-jquery-ui.js#L14996-L15... but there is no change in my issue. I am using H5P plugin version 1.15.0
Please suggest me if i am missing anythng here.
Thanks

otacke's picture

otacke

Mon, 11/30/2020 - 07:01

Have you made sure that the patched version is actually loaded, not some cached version of the original file?

otacke's picture

otacke

Mon, 11/30/2020 - 07:05

The other thing being: I pointed to https://github.com/otacke/jquery-ui/blob/HFP-3063-fix-touch/h5p-jquery-ui.js

ram1

Mon, 11/30/2020 - 08:01

Hello,
I have not used the any cache plugin etc.
Yes, i have used this same https://github.com/otacke/jquery-ui/blob/HFP-3063-fix-touch/h5p-jquery-u...
Thanks

otacke's picture

otacke

Mon, 11/30/2020 - 17:56

Hi ram1!

H5P has its own cache. Sorry, I feel it's too complicated for my time available to guide you through every step. Maybe someone else has more time to spare.

Best,
Oliver

ram1

Sun, 11/29/2020 - 12:41

Hi Oliver,
As you suggested to do #option 2. I replaced my uploads\h5p\libraries\jQuery.ui-1.10/h5p-jquery-ui.js with https://github.com/h5p/jquery-ui/blob/master/h5p-jquery-ui.js#L14996-L15... but there is no change in my issue.
Even I noticed (View source) h5p-jquery-ui.js is not used at drag and drop page.
My plugin version is  1.15.0
Please suggest me if i am missing anythng here.
Thanks

ram1

Sun, 11/22/2020 - 05:38

Thanks for your reply.
But my issue is not with windows and chrome.
I am facing issue on chromebook device using touch screen.
Drag and drop is not working on chromebook device when trying to dra and drop by using touch.
Please assist me to fix it.

Putin KGB's picture

Putin KGB

Tue, 11/16/2021 - 14:46

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.

otacke's picture

otacke

Wed, 11/17/2021 - 19:09

Glad that you can confirm that the code that I wrote is working.