Repository navigation
Issues with devices that have a touchscreen and using a mouse #2413
Description
Subject of the issue
There is an issue with the advanced Demo two.hml with devices that have a touchscreen and using a mouse. There is an issue when you drag an item and then abort the drag. The drop placeholder still remains at the same place.
Your environment
Dell XPS 15 with touchscreen. Win 11 Pro with Chrome 116
Steps to reproduce
In the Advanced Demo two.hml Start dragging an element and then aborting the drag
gridstack.js._.Build.interactive.dashboards.in.minutes.-.Google.Chrome.2023-08-23.17-45-03.mp4
Expected behavior
Should have the same behaviour as regular desktop users
Activity
Ruslan207 commentedon Aug 24, 2023
Steps to reproduce
In common laptop you can
const isTouchastrue)adumesny commentedon Aug 25, 2023
@Ruslan207 this is great! thank you for the steps too! learn something everyday as I didn't know you could combine them...
I actually don't see "Desktop (touch)" or Desktop as a device actually (even if I try to add others)
OOps, I can create them. ok!
Ruslan207 commentedon Aug 25, 2023
@adumesny select "Responsive" and click here
touchscreen tweaks
adumesny commentedon Aug 25, 2023
fixed in next release (soon as I also need fixes)
BananaAcid commentedon Jan 1, 2024
oookaaaay ... wos wondering, if there is a bug ... could not find anything in the docs (except enabling resize-arrows) and thought touch was broken ... @adumesny I REALLY see a need for it to be added to the docs, boxed, underlined, bold and italic ;)
adumesny commentedon Jan 1, 2024
@BananaAcid you mean that resize handle is shown by default on mobile (isTouch=true) devices ?
already has it's own section on the main page...
https://github.com/gridstack/gridstack.js?tab=readme-ov-file#touch-devices-support
Maybe that banana needs to do less acid :)
BananaAcid commentedon Jan 1, 2024
@adumesny no, just what to do, to be able to test it in the browser - and to make clear, it would work if one reloads the page. The only hint I could find for touch support was the handle related info in the docs/readme.md