IE 10/11 Touchscreen Drag Fix

March 2017 ยท 1 minute read

I was recently working on a react web-app that was being run through an embedded IE browser. I had implemented a slider that worked fine in Google Chrome and Firefox, but was behaving erratically on IE.

After trial, error, and research it turned out the browser was intercepting the drag event, and this CSS fixed it.

touch-action: none;
-ms-touch-action: none;

In my case the second line wasn’t necessary, but I have included it here just in case. The article that pointed me to this solution was here: Pointermove does not fire for touch on IE