Drag cards by dragging them over the title text instead of selecting it.

[Somebodyisnobody]

How to use GitHub

• Please use the 👍 reaction to show that you are affected by the same issue.
• Please don't comment if you have no relevant information to add. It's just extra noise for everyone subscribed to this issue.
• Subscribe to receive notifications on status change and new comments.

Is your feature request related to a problem? Please describe.
It is really annoying that I can drag cards only in specific areas. I don't see the point of being able to select the card title text in the overview.

Describe the solution you'd like
I want to be able to drag a card independent from where I click on the card (except for buttons, of course). I know there is the closed bug #5378 of a user complaining that he cannot select the title text of a card and it get's dragged instead. But why don't open the card for selecting the title text? Moreover closing the mentioned bug (option to edit title without opening the card was removed) caused another problem described in #7265.

Describe alternatives you've considered
Preferrred alternative:

• Set css user-select: none for the card title text
• Make the card draggable in the whole purple marked area

Not preferred but "i-can-live-with"-alternative:

• set css cursor: pointer for the purple marked area in the image except the title text
• set css cursor: text for the title text

Additional context
none

[Somebodyisnobody]

@grnd-alt sorry for poking you, but since you edited the linked issue four days ago, I think you still have the context in mind and can evaluate my feature request better than someone who will look at it in two months.

[Somebodyisnobody]

See also how long card titles affect the draggable area.

Removing the css class "dragDisabled" for the element would make the card draggable and non-selectable:

deck/src/components/cards/CardItem.vue

Line 23 in 90f51f9

<span class="dragDisabled" contenteditable="false">{{ displayTitle }}</span>

[luka-nextcloud]

I can reproduce the issue.

[Somebodyisnobody]

Workaround: This problem is soo annoying that I wrote a greasemonkey script as workaround:

// ==UserScript==
// @name     Deck-Drag
// @version  2
// @grant    none
// @include  //apps/deck/board/\d+$/
// ==/UserScript==

function removeDragDisabled() {
  document.querySelectorAll("span.dragDisabled").forEach(span => span.classList.remove("dragDisabled"));
  console.log("Deck-Drag ran.");
}

window.addEventListener('load', removeDragDisabled, false);

const observer = new MutationObserver(removeDragDisabled);
observer.observe(document.body, {
  childList: true,
  subtree: true
});

[lemoer]

Thank you for the workaround! This was really annoying, the workaround works for me and improves the usability of the decks app a lot!

[theoholl]

#7514

[theoholl]

I, too, struggle with that all the time, @Somebodyisnobody! 😿 I put your changes in a PR.

Screencast.Bug.mp4

@luka-nextcloud or @grnd-alt please review (#7765)