1

I am having some issues with Highcharts in Surface tablet. My problem is as follows:

The chart works perfect in iOS, and Android devices (tablets), but in Surface when I tapped in the chart and start moving right or left so I see the tooltip, the browser tries to scroll the page instead. I can only tapped but again the tooltip appears and disappears immediately.

I read that Surface + W8 uses a different approach to handle touch events with the concept of MSPointers.

Has anyone experienced the same behaviour using Highcharts with Surface tablet? If so, will be much appreciated if you shed some light how to achieve this.

Thanks,

-Martin

JasonMArcher
  • 14,195
  • 22
  • 56
  • 52
MartinOnTheNet
  • 144
  • 7
  • Have you tried with IE10 on different hardware? Do you have an example that illustrates the issue? – Rowland Shaw Jul 19 '13 at 12:51
  • hi rowland. i finally managed to fix this issue by simply adding -ms-touch-action:none. weird i tried this before i posted this and no success. I think, this option was added in the wrong div element. This issues is now fixed. Cheers. – MartinOnTheNet Jul 23 '13 at 11:17
  • possible duplicate of [Microsoft Surface: How do I allow JavaScript touch/drag events to work without being intercepted by the browser?](http://stackoverflow.com/questions/13130004/microsoft-surface-how-do-i-allow-javascript-touch-drag-events-to-work-without-b) – JasonMArcher Jun 23 '14 at 18:57

1 Answers1

1

Finally managed to fix this issue by simply adding -ms-touch-action:none. Need to make sure to add this in the correct element.

MartinOnTheNet
  • 144
  • 7