[GH-ISSUE #1663] Description field drag-and-drop behavior changes with "Upload Attachment" button presence #6459

Closed
opened 2026-04-20 17:03:25 -05:00 by GiteaMirror · 16 comments
Owner

Originally created by @Plong-Wasin on GitHub (Oct 15, 2025).
Original GitHub issue: https://github.com/go-vikunja/vikunja/issues/1663

Description

There is an inconsistent behavior in the description text field when dragging and dropping text depending on whether the "Upload Attachment" button is visible or not.

  • Expected behavior:
    Dragging and dropping text within the description field should consistently allow moving text regardless of the presence of the "Upload Attachment" button.

  • Actual behavior:

  • When the "Upload Attachment" button is not visible, dragging and dropping text behaves normally, allowing users to move text inside the description field.

  • When the "Upload Attachment" button appears (e.g., after clicking "Add Attachments"), dragging text into the description field changes to a "drop file here to upload" overlay, preventing users from moving text and instead prompting for file uploads.

Steps to reproduce:

  1. Open an item with a description field.
  2. Ensure the "Upload Attachment" button is not visible.
  3. Drag and drop text inside the description field — text moves as expected.
  4. Click "Add Attachments" to make the "Upload Attachment" button visible.
  5. Try dragging text inside the description field again — now it shows "drop file here to upload" and text cannot be moved.

This behavior can create confusion and hinder normal text editing when attachments are enabled. A consistent solution is needed to differentiate between dragging files and dragging text within the description field.

Vikunja Version

v1.0.0-rc2-75-5f1d6845

Browser and version

No response

Can you reproduce the bug on the Vikunja demo site?

Yes

Screenshots

Image
Originally created by @Plong-Wasin on GitHub (Oct 15, 2025). Original GitHub issue: https://github.com/go-vikunja/vikunja/issues/1663 ### Description There is an inconsistent behavior in the description text field when dragging and dropping text depending on whether the "Upload Attachment" button is visible or not. - **Expected behavior:** Dragging and dropping text within the description field should consistently allow moving text regardless of the presence of the "Upload Attachment" button. - **Actual behavior:** - When the "Upload Attachment" button is not visible, dragging and dropping text behaves normally, allowing users to move text inside the description field. - When the "Upload Attachment" button appears (e.g., after clicking "Add Attachments"), dragging text into the description field changes to a "drop file here to upload" overlay, preventing users from moving text and instead prompting for file uploads. Steps to reproduce: 1. Open an item with a description field. 2. Ensure the "Upload Attachment" button is not visible. 3. Drag and drop text inside the description field — text moves as expected. 4. Click "Add Attachments" to make the "Upload Attachment" button visible. 5. Try dragging text inside the description field again — now it shows "drop file here to upload" and text cannot be moved. This behavior can create confusion and hinder normal text editing when attachments are enabled. A consistent solution is needed to differentiate between dragging files and dragging text within the description field. ### Vikunja Version v1.0.0-rc2-75-5f1d6845 ### Browser and version _No response_ ### Can you reproduce the bug on the Vikunja demo site? Yes ### Screenshots <img width="968" height="749" alt="Image" src="https://github.com/user-attachments/assets/de2a2d6b-a59f-4cdb-82c0-204658c23fdb" />
GiteaMirror added the area/frontend label 2026-04-20 17:03:25 -05:00
Author
Owner

@vikunja-bot-app[bot] commented on GitHub (Nov 16, 2025):

This issue has been fixed in #1831, please check with the next unstable build (should be ready for deployment in ~30min, also on the demo).

<!-- gh-comment-id:3538550743 --> @vikunja-bot-app[bot] commented on GitHub (Nov 16, 2025): This issue has been fixed in #1831, please check with the next unstable build (should be ready for deployment in ~30min, also on [the demo](https://try.vikunja.io)).
Author
Owner

@Plong-Wasin commented on GitHub (Nov 17, 2025):

The "drop file here" overlay is gone, thanks! But now drag-and-drop in the description field doesn’t work. Cannot move anything in the description field.

<!-- gh-comment-id:3540399665 --> @Plong-Wasin commented on GitHub (Nov 17, 2025): The "drop file here" overlay is gone, thanks! But now drag-and-drop in the description field doesn’t work. Cannot move anything in the description field.
Author
Owner

@kolaente commented on GitHub (Nov 17, 2025):

Are you talking about dragging files or text to the description? It's kind of by design that you can't drag files into there.

<!-- gh-comment-id:3540978911 --> @kolaente commented on GitHub (Nov 17, 2025): Are you talking about dragging files or text to the description? It's kind of by design that you can't drag files into there.
Author
Owner

@Plong-Wasin commented on GitHub (Nov 17, 2025):

I'm talking about dragging text and images, not files. I can't move anything inside the description field anymore.

this is from try.vikunja.io

https://github.com/user-attachments/assets/c93a2992-0456-4a84-8e69-8e39b239e6d0

this is from v1.0.0-rc2

https://github.com/user-attachments/assets/23e42fc1-a6c2-4629-922c-22c21d23409b

<!-- gh-comment-id:3541067696 --> @Plong-Wasin commented on GitHub (Nov 17, 2025): I'm talking about dragging text and images, not files. I can't move anything inside the description field anymore. this is from [try.vikunja.io](https://try.vikunja.io/) https://github.com/user-attachments/assets/c93a2992-0456-4a84-8e69-8e39b239e6d0 this is from v1.0.0-rc2 https://github.com/user-attachments/assets/23e42fc1-a6c2-4629-922c-22c21d23409b
Author
Owner

@kolaente commented on GitHub (Nov 17, 2025):

Now it makes more sense, thanks for the video! Will look into it.

<!-- gh-comment-id:3541076921 --> @kolaente commented on GitHub (Nov 17, 2025): Now it makes more sense, thanks for the video! Will look into it.
Author
Owner

@vikunja-bot-app[bot] commented on GitHub (Nov 27, 2025):

This issue has been fixed in 85fc8ff, please check with the next unstable build (should be ready for deployment in ~30min, also on the demo).

<!-- gh-comment-id:3586920774 --> @vikunja-bot-app[bot] commented on GitHub (Nov 27, 2025): This issue has been fixed in [`85fc8ff`](), please check with the next unstable build (should be ready for deployment in ~30min, also on [the demo](https://try.vikunja.io)).
Author
Owner

@Plong-Wasin commented on GitHub (Nov 28, 2025):

When dragging and dropping items inside the description field, if the dragged item moves outside the description area, the “drop file here to upload” overlay appears. This prevents the drop action from working when trying to move items within the description.

This issue occurs in version v1.0.0-rc3-1-f7e91f4b, but does not occur in v1.0.0-rc2.

v1.0.0-rc2 (Working normally)

https://github.com/user-attachments/assets/0e37bfe4-4897-4a07-90cd-af9c223706d9

v1.0.0-rc3-1-f7e91f4b (Issue occurs)

https://github.com/user-attachments/assets/e649d50a-9f7d-4ea5-921c-b8d9f77414ab

<!-- gh-comment-id:3587823849 --> @Plong-Wasin commented on GitHub (Nov 28, 2025): When dragging and dropping items inside the description field, if the dragged item moves outside the description area, the “drop file here to upload” overlay appears. This prevents the drop action from working when trying to move items within the description. This issue occurs in version **v1.0.0-rc3-1-f7e91f4b**, but does **not** occur in **v1.0.0-rc2**. #### ✅ v1.0.0-rc2 (Working normally) https://github.com/user-attachments/assets/0e37bfe4-4897-4a07-90cd-af9c223706d9 #### ❌ v1.0.0-rc3-1-f7e91f4b (Issue occurs) https://github.com/user-attachments/assets/e649d50a-9f7d-4ea5-921c-b8d9f77414ab
Author
Owner

@kolaente commented on GitHub (Nov 28, 2025):

Managed to reproduce, not sure why it was working when I was developing the fix...

<!-- gh-comment-id:3589759278 --> @kolaente commented on GitHub (Nov 28, 2025): Managed to reproduce, not sure why it was working when I was developing the fix...
Author
Owner

@kolaente commented on GitHub (Jan 10, 2026):

It seems like this behaves differently depending on browser and OS. On MacOS in Firefox, it works as expected. In Chrome and Safari on MacOS, it ignores the selection completely.

<!-- gh-comment-id:3733595437 --> @kolaente commented on GitHub (Jan 10, 2026): It seems like this behaves differently depending on browser and OS. On MacOS in Firefox, it works as expected. In Chrome and Safari on MacOS, it ignores the selection completely.
Author
Owner

@kolaente commented on GitHub (Jan 15, 2026):

On Linux (NixOS with COSMIC), it works fine with both browsers.

Which OS and browser are you using?

<!-- gh-comment-id:3754169951 --> @kolaente commented on GitHub (Jan 15, 2026): On Linux (NixOS with COSMIC), it works fine with both browsers. Which OS and browser are you using?
Author
Owner

@Plong-Wasin commented on GitHub (Jan 15, 2026):

I’m using Windows 11. I tested with Brave Browser and Microsoft Edge, and the issue occurs on both.

I also tested on Windows 10 with Brave Browser, Microsoft Edge, and Google Chrome, and the same issue occurs there as well.

Additionally, I tested using the linuxserver/webtop container image, with both Firefox and Chromium, and the issue still occurs.

Please make sure that when testing, you drag from the description area to outside of the description, as that’s where the issue is reproducible.

Image

https://github.com/user-attachments/assets/829a829b-2590-4014-88b0-d308396eab7a

<!-- gh-comment-id:3755957989 --> @Plong-Wasin commented on GitHub (Jan 15, 2026): I’m using **Windows 11**. I tested with **Brave Browser** and **Microsoft Edge**, and the issue occurs on both. I also tested on **Windows 10** with **Brave Browser**, **Microsoft Edge**, and **Google Chrome**, and the same issue occurs there as well. Additionally, I tested using the **linuxserver/webtop** container image, with both **Firefox** and **Chromium**, and the issue still occurs. Please make sure that when testing, you **drag from the description area to outside of the description**, as that’s where the issue is reproducible. <img width="688" height="416" alt="Image" src="https://github.com/user-attachments/assets/e8620c55-d37f-444f-9f93-33f062082a96" /> https://github.com/user-attachments/assets/829a829b-2590-4014-88b0-d308396eab7a
Author
Owner

@Plong-Wasin commented on GitHub (Jan 16, 2026):

I also tested on macOS. The issue occurs in Google Chrome as well, but in Safari it shows an error: “Can’t find variable: FileReader.”

Image
<!-- gh-comment-id:3758157125 --> @Plong-Wasin commented on GitHub (Jan 16, 2026): I also tested on **macOS**. The issue occurs in **Google Chrome** as well, but in **Safari** it shows an error: **“Can’t find variable: FileReader.”** <img width="1518" height="799" alt="Image" src="https://github.com/user-attachments/assets/08f9a420-5662-4784-878e-1bc094ebeec1" />
Author
Owner

@kolaente commented on GitHub (Jan 16, 2026):

drag from the description area to outside of the description

ahhh yes, that was the culprit. I did not test with that but managed to reproduce when dragging out of the description. Thanks for clarifying!

but in Safari it shows an error: “Can’t find variable: FileReader.”

When you opened the task detail view? Or during edit?

<!-- gh-comment-id:3759721424 --> @kolaente commented on GitHub (Jan 16, 2026): > drag from the description area to outside of the description ahhh yes, that was the culprit. I did not test with that but managed to reproduce when dragging out of the description. Thanks for clarifying! > but in Safari it shows an error: “Can’t find variable: FileReader.” When you opened the task detail view? Or during edit?
Author
Owner

@Plong-Wasin commented on GitHub (Jan 16, 2026):

It happens when opening the task detail view.
Also, drag and drop does not work in the description.

<!-- gh-comment-id:3760262650 --> @Plong-Wasin commented on GitHub (Jan 16, 2026): It happens **when opening the task detail view**. Also, **drag and drop does not work in the description**.
Author
Owner

@vikunja-bot-app[bot] commented on GitHub (Jan 24, 2026):

This issue has been fixed in #2148, please check with the next unstable build (should be ready for deployment in ~30min, also on the demo).

<!-- gh-comment-id:3795232103 --> @vikunja-bot-app[bot] commented on GitHub (Jan 24, 2026): This issue has been fixed in #2148, please check with the next unstable build (should be ready for deployment in ~30min, also on [the demo](https://try.vikunja.io)).
Author
Owner

@kolaente commented on GitHub (Jan 24, 2026):

Let's see if this is now fixed with the PR https://github.com/go-vikunja/vikunja/pull/2148. Please check!

<!-- gh-comment-id:3795232737 --> @kolaente commented on GitHub (Jan 24, 2026): Let's see if this is now fixed with the PR https://github.com/go-vikunja/vikunja/pull/2148. Please check!
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/vikunja#6459