[GH-ISSUE #1194] [Bug]: Category reorder (drag and drop) does not work when on desktop mode on mobile #7393

Closed
opened 2026-04-10 17:12:32 -05:00 by GiteaMirror · 14 comments
Owner

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?

  • I have searched and found no existing issue

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

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? - [X] I have searched and found no existing issue ### 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
GiteaMirror added the bug label 2026-04-10 17:12:32 -05:00
Author
Owner

@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?

<!-- gh-comment-id:1606877462 --> @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?
Author
Owner

@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.

<!-- gh-comment-id:1607251183 --> @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.
Author
Owner

@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.

<!-- gh-comment-id:1607595470 --> @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.
Author
Owner

@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.

<!-- gh-comment-id:1607759566 --> @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.
Author
Owner

@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”.

<!-- gh-comment-id:1607761513 --> @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”.
Author
Owner

@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.

<!-- gh-comment-id:1607783585 --> @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.
Author
Owner

@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.

<!-- gh-comment-id:1607804045 --> @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.
Author
Owner

@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!)

<!-- gh-comment-id:1607831079 --> @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!)
Author
Owner

@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.

<!-- gh-comment-id:1607959041 --> @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.
Author
Owner

@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 install again 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.

<!-- gh-comment-id:1607977652 --> @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 install` again 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.
Author
Owner

@joel-jeremy commented on GitHub (Jun 26, 2023):

Including the changes in #1199 fixed the linter errors.

<!-- gh-comment-id:1607993816 --> @joel-jeremy commented on GitHub (Jun 26, 2023): Including the changes in #1199 fixed the linter errors.
Author
Owner

@joel-jeremy commented on GitHub (Aug 31, 2023):

@MatissJanis Should this be reopened?

<!-- gh-comment-id:1701144900 --> @joel-jeremy commented on GitHub (Aug 31, 2023): @MatissJanis Should this be reopened?
Author
Owner

@MatissJanis commented on GitHub (Aug 31, 2023):

Yes. Thanks for the ping.

<!-- gh-comment-id:1701395631 --> @MatissJanis commented on GitHub (Aug 31, 2023): Yes. Thanks for the ping.
Author
Owner

@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)

<!-- gh-comment-id:2598546619 --> @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)
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/actual#7393