Card title can't be selected; card gets dragged instead

[bentuna]

Describe the bug The title of a card in the deck list view can't be selected by pulling the cursor over the text because the whole card gets dragged instead.

To Reproduce Steps to reproduce the behavior:

1. Go to Deck app
2. Click on a board in the left sidebar
3. Click on the title of an existing card -> the title becomes editable
4. Try to select text with the cursor by holding your left mouse button down and moving the cursor over the text -> the card gets dragged.

Expected behavior The title text is selected instead of the card getting dragged.

Deck app version: 1.12.0

Nextcloud version: 28.0.0

https://github.com/nextcloud/deck/assets/7753747/60d88365-af57-42c5-ae0c-6cd0f86a6c58

[pschopen]

I can reproduce that, but am not sure if that's a bug or a feature. Title editing mode starts when releasing the click on the title. Then it's also possible to select inside. Contra-intuitive might be that the title gets this grey border indicating that it is in editing mode.

That could be fixed by removing

					&:focus-within {
						outline: 2px solid var(--color-border-dark);
						border-radius: 3px;
					}

in /blob/main/src/components/cards/CardItem.vue, Line 349.

But it seems to be on purpose so I don't dare to change.

[bentuna]

Then it's also possible to select inside.

I cannot confirm that. Also under NC 28.0.1 and Deck 1.12.0 I can enter title edit mode by clicking on the title, but as soon as I try to pull a selection inside the title, I drag the whole card instead.

[bentuna]

The problem persists in Nextcloud 28.0.2 with Deck 1.12.1