HTML5 Canvas scrolling in Win8 and IE10

This week Microsoft released Windows 8, it’s *13th Operating system, and with it the 10th version of Internet Explorer. Win8 promises to be an OS that works and looks the same across multiple devices. So you might be surprised when you try to interact with your HTML5 site/app/game in IE 10 on a tablet. Moving your finger around the page does not register, scrolling or dragging horizontally actually moves the browser window or creates a new tab; depending on the direction. Luckily there’s a simple fix, when preparing your HTML5 web app for IE10 on tablet, remember to add the “-ms-touch-action” css property to the Canvas tag and set the value to “none”. ?View Code HTML<canvas id="html5-canvas" style="-ms-touch-action:none;"></canvas> This property lets IE10 know that the Canvas app is not static content, allowing all those gestures to be picked up by the app or game. Learn more about -ms-touch-actions, as well Read the full article…