UI components with dependency to JavaScript does not work on desktop browser and non-touch devices about fries HOT 8 CLOSED

That's what I'm currently doing to support All mobile devices and all desktop devices (including desktop devices with touch screens)

if ( 'ontouchend' in document.documentElement ){
   var FRIES_EVENT_TYPE = 'touchend';  //touch device
}else if ( 'ontouchleave' in document.documentElement ){
   var FRIES_EVENT_TYPE = 'touchleave';  //touch device
}else if ( 'ontouchstart' in document.documentElement ){
   var FRIES_EVENT_TYPE = 'touchstart';  //touch device
}else{
   var FRIES_EVENT_TYPE = 'click'; //desktop
}

and then instead of:

document.addEventListener( 'touchstart', function (e) {

I use

document.addEventListener( FRIES_EVENT_TYPE, function (e) {

from fries.

Wow @jadjoubran, this is great! Also I think you'll be needing to add the touchmove events as well. :)

from fries.

Well I honestly disabled the stack.js file
I only use the spinner.js and the tabs.js whenever needed

from fries.

Sorry to hear that. I'm really working hard to get these issues off the list.

from fries.

There are no issues with stack.js but I found it would be better not to include it
everything works fine without it
I really hope that soon I can contribute all my changes to fries!

from fries.

I'll be looking forward to it :)

from fries.

I pushed a branch that solves this issue. Please check out https://github.com/jaunesarmiento/fries/tree/fix-for-issue33 for this.

The only problem that I encountered with this is that the default behaviour of labels do not work, which is an issue for form elements. Anybody want to try fixing this issue on that branch? :)

from fries.

Workaround: Use fingerblast.js.

from fries.