Clicks and touches on a touchable desktop

[evs-chris]

I meant to report this a week or three ago, but on my surface, which is touchable, the select doesn't work because it switched to mobile mode where there is no browser handled popover select thing for desktop browsers. I don't know of a good way to detect mobile vs touchable desktop, hence no PR :disappointed:

[JonDum]

Oh hmm I definitely forgot about that class of devices. It's only using some rudimentary touch detection to try and open a real for phones since that's a way better UX.

I can think of two solutions.

1) Add a screen size check. If it's a touch screen but also huge, then just use the simulated select and let the author ensure the css makes it big enough to click. 2) resort to user-agent sniffing for surface's to return false in isTouchDevice(). Other desktop's-that-are-also-touch-screens will have the same problem then

evs-chris commented 8 years ago

If agent sniffing is in the mix, you could sniff for mobiles e.g. if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { /* touchy */ } as helpfully lifted from the nearest stackoverflow issue on detecting mobile browsers.

JonDum commented 8 years ago

So I added a small screen.width < 1200 for now. It's a terrible solution until I can figure out how to detect whether or not there's a proper native

implementation on the browser.

[evs-chris]

If agent sniffing is in the mix, you could sniff for mobiles e.g. if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) { /* touchy */ } as helpfully lifted from the nearest stackoverflow issue on detecting mobile browsers.

[JonDum]

So I added a small screen.width < 1200 for now. It's a terrible solution until I can figure out how to detect whether or not there's a proper native

[evs-chris]

Eeeesh I had no idea...