PDA

View Full Version : [EXTJS 4.2.2] Managing fly-out menus on Windows 10 with a touch screen



dougbieber
20 Nov 2015, 6:37 AM
Hi, we're deploying these to our sales force. It's one of those Windows 10 hybrid/tablet laptops (touch).

http://www8.hp.com/us/en/ads/detachables-biz/pro_x2_612.html

(http://www8.hp.com/us/en/ads/detachables-biz/pro_x2_612.html)On these laptops the fly-out menus don't work against 4.2.2 using both IE11 and Edge on Windows 10. We had a similar problem with the iPad about one year ago and worked-around it using the following code snippet.



if (Ext.is.iPad) {
Ext.override(Ext.menu.Item,{hideOnClick:false});
}

However, this code snippet doesn't work for the Microsoft browsers.

If we add the following code it now works for the Android and iPad but not the HP Windows 10 running IE 11/Edge:



function is_touch_device() {
try {
return (('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0));
} catch (e) {
return false;
}
}


This can be reproduced using Sencha's EXTJS demo application for menus.

http://docs.sencha.com/extjs/4.2.5/extjs-build/examples/menu/menus.html (http://docs.sencha.com/extjs/4.2.5/extjs-build/examples/menu/menus.html-Doug)

Any help or suggestions would be appreciated.

Thanks.

-Doug