[Feature] Drag And Drop Import #1774

Closed
opened 2026-02-28 19:54:19 -06:00 by GiteaMirror · 1 comment
Owner

Originally created by @clarjon1 on GitHub (Jan 18, 2025).

Verified feature request does not already exist?

  • I have searched and found no existing issue

💻

  • Would you like to implement this feature?

Pitch: what problem are you trying to solve?

Many tools, such as YNAB, allow to drag and drop files for import or upload. In fact, there is a prompt below this very text box i am entering, which states Paste, drop, or click to add files in the github UI.

Image

I would like to drag and drop from my file manager into my browser the exported file to be processed into the currently active account, or from my browser's download manager into the page. This is something that I could do in YNAB, which I found to be Rather Nice given that i didnt have to wait for the OS file browser to load, reducing friction and frustration when doing my budgeting.

Describe your ideal solution to this problem

Information on HTML5 drag and drop detection, especially with typescript/react for demonstration: https://claritydev.net/blog/react-typescript-drag-drop-file-upload-guide

Teaching and learning

A note could be added in the onboarding, a UI element could fade in when it detects a file being dragged over the page, and could be added to the documentation when discussing import

Originally created by @clarjon1 on GitHub (Jan 18, 2025). ### Verified feature request does not already exist? - [x] I have searched and found no existing issue ### 💻 - [ ] Would you like to implement this feature? ### Pitch: what problem are you trying to solve? Many tools, such as YNAB, allow to drag and drop files for import or upload. In fact, there is a prompt below this very text box i am entering, which states `Paste, drop, or click to add files` in the github UI. ![Image](https://github.com/user-attachments/assets/baffc1b0-58be-4122-88ef-de2ed982a49b) I would like to drag and drop from my file manager into my browser the exported file to be processed into the currently active account, or from my browser's download manager into the page. This is something that I could do in YNAB, which I found to be Rather Nice given that i didnt have to wait for the OS file browser to load, reducing friction and frustration when doing my budgeting. ### Describe your ideal solution to this problem Information on HTML5 drag and drop detection, especially with typescript/react for demonstration: https://claritydev.net/blog/react-typescript-drag-drop-file-upload-guide ### Teaching and learning A note could be added in the onboarding, a UI element could fade in when it detects a file being dragged over the page, and could be added to the documentation when discussing import
GiteaMirror added the featureneeds votes labels 2026-02-28 19:54:19 -06:00
Author
Owner

@github-actions[bot] commented on GitHub (Jan 18, 2025):

Thanks for sharing your idea!

This repository uses lodash style issue management for enhancements. That means enhancement issues are automatically closed. This doesn’t mean we don’t accept feature requests, though! We will consider implementing ones that receive many upvotes, and we welcome contributions for any feature requests marked as needing votes (just post a comment first so we can help you make a successful contribution).

The enhancement backlog can be found here: https://github.com/actualbudget/actual/issues?q=label%3A%22needs+votes%22+sort%3Areactions-%2B1-desc+

Don’t forget to upvote the top comment with 👍!

@github-actions[bot] commented on GitHub (Jan 18, 2025): :sparkles: Thanks for sharing your idea! :sparkles: This repository uses lodash style issue management for enhancements. That means enhancement issues are automatically closed. This doesn’t mean we don’t accept feature requests, though! We will consider implementing ones that receive many upvotes, and we welcome contributions for any feature requests marked as needing votes (just post a comment first so we can help you make a successful contribution). The enhancement backlog can be found here: https://github.com/actualbudget/actual/issues?q=label%3A%22needs+votes%22+sort%3Areactions-%2B1-desc+ Don’t forget to upvote the top comment with 👍! <!-- feature-auto-close-comment -->
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#1774