Skip to content

Kanban board loses filter and modal state on database updates #23

@JanJetze

Description

@JanJetze

Problem

When the database is updated (e.g., task status change, new task created), the kanban board at localhost:3333/kanban.html fully refreshes. This causes:

  1. Filters reset - Any active filter selections are lost
  2. Open task modals close - If viewing task details, the modal closes

This creates a disruptive experience when working with tasks, as every database operation interrupts the current workflow.

Expected Behavior

  • Filters should persist across data refreshes
  • Open task modals should remain open (with updated data if the viewed task changed)
  • The board should update data without losing UI state

Suggested Solutions

  1. Preserve state in URL params - Store filter state in URL query parameters so it survives refreshes
  2. Use incremental updates - Instead of full page refresh, use WebSocket/SSE to push incremental changes
  3. Store state in localStorage - Persist filter selections locally and restore after refresh
  4. Debounce/batch updates - Avoid rapid successive refreshes when multiple changes occur

Reproduction

  1. Open kanban board at http://localhost:3333/kanban.html
  2. Apply a filter (e.g., filter by status or priority)
  3. Click on a task to open its details modal
  4. From another terminal/Claude session, update a task status
  5. Observe: filters reset, modal closes

🤖 Generated with Claude Code

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions