mirror of
https://github.com/actualbudget/actual.git
synced 2026-07-16 07:04:23 -05:00
[GH-ISSUE #1194] [Bug]: Category reorder (drag and drop) does not work when on desktop mode on mobile #114831
No Assignees
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: github-starred/actual#114831
Reference in New Issue
Block a user
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @joel-jeremy on GitHub (Jun 26, 2023).
Original GitHub issue: https://github.com/actualbudget/actual/issues/1194
Verified issue does not already exist?
What happened?
Drag and dropping categories to reorder them does not seem to work when using Chrome on desktop mode in mobile.
What error did you receive?
No response
Where are you hosting Actual?
Fly.io
What browsers are you seeing the problem on?
Chrome
Operating System
Mobile Device
@Kidglove57 commented on GitHub (Jun 26, 2023):
I am using Safari on mobile. I have it set to 85% zoom. In landscape mode I can reorder categories by drag and drop.
I can also do so using Chrome on iOS.
I therefore wonder if this problem is specific to Android?
@j-f1 commented on GitHub (Jun 26, 2023):
Can you try on https://actualbudget.netlify.app/? We recently upgraded our drag and drop library, which may have fixed the issue.
@joel-jeremy commented on GitHub (Jun 26, 2023):
I am using an Android phone and I am also encountering the same issue on https://actualbudget.netlify.app/. When trying to drag a category, the category just greys out but does not move.
@Kidglove57 commented on GitHub (Jun 26, 2023):
Confirmed drop and drag working for me on iPhone using https://actualbudget.netlify.app/, but of course only in landscape mode.
@Kidglove57 commented on GitHub (Jun 26, 2023):
PS it may be relevant that when I said in my earlier post that moving categories was working fine I was using “edge” rather than “latest”.
@joel-jeremy commented on GitHub (Jun 26, 2023):
I'm using v23.6.0. It also doesn't work on both portrait and landscape mode.
@Kidglove57 commented on GitHub (Jun 26, 2023):
Yes I should have clarified. 23.6.0 but with the latest features included, that have been added since that version (tagged “edge” rather than ”latest” ).
It will be good to hear from any other Android users.
@j-f1 commented on GitHub (Jun 26, 2023):
It looks like we may need to use the touch drag-and-drop backend instead of the HTML5 backend on Android. See https://github.com/react-dnd/react-dnd/issues/1660 and https://react-dnd.github.io/react-dnd/docs/backends/touch. I’m not sure what the best way to decide which backend to is — maybe there’s some sort of feature test that could be run? @joel-jeremy since you have a device where it doesn’t work, if you’re willing to figure out a good test for which backend to use that would be much appreciated. (no pressure though!)
@joel-jeremy commented on GitHub (Jun 26, 2023):
I could take a stab at it but I'm encountering a lot of linter issues right now with the latest master branch.
@j-f1 commented on GitHub (Jun 26, 2023):
You should be able to ignore the linter errors. If they don’t go away after running
yarn installagain and including the commit in https://github.com/actualbudget/actual/pull/1199, please ask in discord or open an issue so we can debug further.@joel-jeremy commented on GitHub (Jun 26, 2023):
Including the changes in #1199 fixed the linter errors.
@joel-jeremy commented on GitHub (Aug 31, 2023):
@MatissJanis Should this be reopened?
@MatissJanis commented on GitHub (Aug 31, 2023):
Yes. Thanks for the ping.
@matt-fidd commented on GitHub (Jan 17, 2025):
This doesn't seem to be an issue any longer, I can drag and drop categories on mobile from desktop mode in Chrome (and other browsers)