JQuery Draggable and UI Touch Punch
-
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?
-
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
-
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
-
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?
