nextcloud / nextcloud/deck

UX: Accidental Text Selection and Inconsistent De-selection

Open
#7,514 0 comments 3 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
1.4k
Forks
354
Avg merge
1d 10h
Merged PRs (30d)
43

Description

When using Deck and moving cards around, I frequently end up selecting text instead of dragging the card. This happens almost every time I use Deck and is surprisingly disruptive, as it creates uncertainty about whether I might accidentally trigger or break something while trying to clear the selection.

The issue occurs in several places and is not unique to Nextcloud Deck. However, in most interfaces, text selection is cleared by clicking on a neutral, non-interactive area (for example, the white background of a page). In Nextcloud, this behavior does not occur. I suspect this may be related to specific combinations of CSS layout properties, although I can’t recall the exact cause.

I do appreciate being able to select text, as I often copy and paste content and rely on it due to poor spelling. Completely disabling text selection would therefore be undesirable. That said, it would be very helpful if clicking on a neutral background area simply cleared the text selection.

Image

Platform: Windows 11
Browser: Firefox 146.0.1 (64-bit)

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the accidental text selection and failed de-selection while moving cards in Deck on Firefox, then inspect the relevant card-drag and page-background interaction. Done means text remains selectable for copying, while clicking a neutral background clears an existing selection without interfering with card dragging.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.