Skip to content

Bug: Card field visibility ordering should support drag and drop #159

Description

@jmbillard

Summary

The card field visibility list shows drag handles on the left side of each field, suggesting that fields can be reordered using drag and drop.

However, the current behavior is different: clicking the handle only moves the item one position up in the list.

Environment

  • Windshift self-hosted
  • Docker deployment
  • Board settings → Card fields visibility

Steps to Reproduce

  1. Open a board.
  2. Go to board settings.
  3. Navigate to the card fields visibility section.
  4. Enable multiple fields to be displayed on cards.
  5. Click the handle icon on the left side of a field item.

Current Behavior

Clicking the handle moves the selected field up by one position.

Example:

Before:

Priority
Due date
Writer
Project Path
Bot

Clicking the handle on Project Path results in:

Priority
Due date
Project Path
Writer
Bot

The item is moved one level up, but cannot be freely repositioned.

Expected Behavior

The handle should support drag and drop reordering.

Users should be able to grab a field and move it directly to any position in the list.

Example:

Before:

Priority
Due date
Writer
Project Path
Bot

After dragging Bot to the top:

Bot
Priority
Due date
Writer
Project Path

The configured order should be reflected when displaying fields on cards.

Additional Information

The current interaction works as a "move up" action, but the UI pattern (drag handle) suggests a sortable list.

This affects all visible card fields:

  • System fields
  • Custom fields

Suggestion

Either:

  • Implement real drag-and-drop sorting using the existing handle, or
  • Replace the drag handle icon with controls that clearly indicate "move up/down".

Thanks!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions