JQuery Draggable and UI Touch Punch

[faxe1008]

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]

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

• https://github.com/electron/electron/issues/8725
• https://github.com/electron/electron/issues/8125
• https://stackoverflow.com/questions/40359462/electron-enable-touch-events-for-a-touch-screen

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]

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]

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?