Unintuitive cards removal on mobiles/touchables #84

Closed
opened 2023-07-26 15:05:15 +08:00 by esavkin · 2 comments
Collaborator

Currently the only way is to hold the card and move it to the side's "+"/sidebar. If you don't know that there is a drag-n-drop functionality (which is intended for desktops only) you would get stuck. Moreover, FF on Android opens a modal dialog, and Samsung Internet on Samsung devices also tries to drag the image to the system out of the page (same may appear to be on apple devices since they have similar function AFAIK).

The proposal is to add "delete card" button on the bottom of the card, which appears for a few seconds after tapping the card. The button design may just reuse existing button that appears on hover event on desktops (hover event is virtually nonexistent on touchables).

Found during testing the #83.

Currently the only way is to hold the card and move it to the side's "+"/sidebar. If you don't know that there is a drag-n-drop functionality (which is intended for desktops only) you would get stuck. Moreover, FF on Android opens a modal dialog, and Samsung Internet on Samsung devices also tries to drag the image to the system out of the page (same may appear to be on apple devices since they have similar function AFAIK). The proposal is to add "delete card" button on the bottom of the card, which appears for a few seconds after tapping the card. The button design may just reuse existing button that appears on hover event on desktops (hover event is virtually nonexistent on touchables). Found during testing the #83.

IMHO the current behavior is fine.

IMHO the current behavior is fine.
Poster
Collaborator

Just an update from iOS - they simulate hover effect on the first tap, so the button appears more or less as expected on safari-only-touchables

Just an update from iOS - they simulate hover effect on the first tap, so the button appears more or less as expected on safari-only-touchables
sb10q closed this issue 2023-11-07 19:43:10 +08:00
Sign in to join this conversation.
No Label
No Milestone
No Assignees
2 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: M-Labs/web2019#84
There is no content yet.