JQuery Draggable and UI Touch Punch

faxe1008 · Jan 15, 2018, 11:35 AM

Hi,

I want to build a module in which the user is able to move the elements over screen by dragging them with touch. To realise that I implemented this: http://touchpunch.furf.com/. It works perfectly fine in the browser (localhost:8080) but in the actual MagicMirror window it does not work at all.

Anyone know how to fix that?

emlowe · Jan 16, 2018, 11:55 PM

I don’t know, but electron seems to have some issues with touch

I was thinking of trying to use the ZingTouch JS library to see it could be used to add some touch support easily

-Earle

emlowe · Jan 17, 2018, 12:03 AM

Also, you may find the hack of running node serveronly and then chrome in kiosk mode is ok for your use:

node servonly
and later start chromium in kiosk mode.

chromium --noerrdialogs --kiosk 127.0.0.1:8080

-Earle

faxe1008 · Jan 17, 2018, 9:01 AM

I would rather of course prefer it working out of the box, but if I can not get it to work I will try this.
I looked at the github issues and they are talking about the --enable-touch-events parameter of electron. I have not worked with electron before - do you know where to put that parameter inside the electron.js file?

Ok, I tried it like this:

const app = electron.app;

app.commandLine.appendSwitch('--enable-touch-events');

It does not do anything. How would I need to modify the magic mirror scripts in order for it to stop using electron and use chromium instead? I assume I would have to modify the run-start.sh script for that, (since you can not run bash through javascript). Can someone provide me some help for that?