Skip to content

[Issue]: No usable drag handle to drag characters into folders #2869

Description

@Romuromylus

Summary

In the character list, there is no usable drag handle to drag a character card into a folder. The grip handle is hidden on the viewport widths where it is needed, so characters cannot be moved into folders.

Expected behavior

The user should be able to drag a character into a folder. The previous version offered checkboxes to add characters to folders; the new drag-and-drop should expose a working drag affordance.

Actual behavior

The grip / drag handle (the small vertical-dots icon) is not shown on the character rows, so there is no way to initiate the drag and move a character into a folder.

Steps to reproduce

  1. Open the Characters panel with at least one folder and one character.
  2. Try to drag a character into the folder.
  3. Observe there is no visible drag handle to grab.

Environment

  • Marinara Engine version: 2.0.5
  • Install type: any
  • OS + version: any
  • Browser or app shell: any

Logs, screenshots, or video

Reported in the community Discord.

Additional context

The touch drag handle component (packages/client/src/components/ui/TouchDragHandle.tsx) is hidden via the md:hidden Tailwind class, so it disappears at ≥768px. It is a touch-only handle (onTouchStart), while wider viewports fall back to native HTML5 row dragging. This leaves touch devices at ≥768px width (and any case where the native drag affordance is not discoverable) with no working way to drag a character into a folder.

Template check

Please uncheck (untick) the box below before submitting so we know you read the template. It is intentionally pre-checked:

  • I DID NOT read this template and provide the requested details.

Metadata

Metadata

Assignees

Labels

bugSomething isn't workingin-prHas an open pull request targeting staging

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions