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

Forums: 

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: 
otacke's picture

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

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

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

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

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

otacke's picture

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

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

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

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

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

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

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