IE 11 Windows 8.1 touch screen

Submitted by Aron on Thu, 06/05/2014 - 09:54

Forums:

Hi there,
we're developing a touch screen app with H5P and WordPress. We're having a problem with a client running IE 11 Windows 8.1 touch screen. Full screen mode and mouse interactions works fine but drag and drop does not work in iframes using touch screens.
This seams to be an IE issue - has anyone had any experience with this?
Cheers
Aron

icc

Thu, 06/05/2014 - 12:50

Permalink

jQuery.ui

This might be related to jQuery.ui since it's used for the dragging and dropping.

Aron

Thu, 06/05/2014 - 14:29

Permalink

Solution

Thanks icc!
We found a solution. It certainly was jQuery.ui and IE related.
It turns out that IE10+ has "native" touch-events which is overriding jQuery.ui.
There is an IE10 specific CSS settings called -ms-touch-action. Setting its value to 'none' will suppress the default IE10+ behavior and pass the gestures on to the jQuery.ui event handler.

I found the solution here:
http://msmvps.com/blogs/theproblemsolver/archive/2012/10/24/jquery-ui-an...

And added this to the css:
.h5p-draggable{
-ms-touch-action:none !important;
}

Best regards
Aron

ernst-test

Thu, 06/05/2014 - 17:40

Permalink