Drag and Dropping on a touchscreen monitor

Hi,

On my app I’ve created a function that allows me to drag on drop entries to assign them to different people with the Draggable Elements plugin. It works using phones, tablets and a mouse on the PC, but we have touchscreen monitors where it does not drag and drop the entries, it just highlights the text on the element instead.

I know dragging & dropping / touchscreen does work because you can click and drag tabs on Google Chrome around.

Any idea if this is possible on a Bubble App using a touchscreen monitor?

TIA

Sounds like you’re using Google Chrome on a Windows touchscreen device.

If so, you’ll have to edit the file path of your Chrome desktop shortcut to enable drag and drop with the touchscreen. Right-click the shortcut and add --touch-events to the end of the file path (make sure there’s a space before the two leading hyphens).

It’s a Chrome issue, not specifically a Bubble issue. You can verify this by trying to drag and drop on a website like Trello both before and after implementing this fix. The same issue applies there, too.

2 Likes

Hi Brian

Just tried this and it works!

Thank you for your help, appreciate it.

1 Like

It’s my pleasure! Happy to help. This piece of info was essential for making my app work - it has an order tracking system for use in a specific type of business and not being able to move the order cards from one column to another with a touchscreen just about killed the whole project! Fortunately it’s an easy fix. :partying_face:

Also, heads up that you’ll want to disable the “swipe between pages” feature of Chrome because otherwise if you move too close to the edge of the page while dragging something on the touchscreen then your browser will try to navigate back or forth through your history.

Click the three dots in the top right corner, go to Settings > Accessibility and then turn off “swipe between pages”.

1 Like