Skip to content

Fix task dialog blinking/disappearing during field edits #286

@Hell1213

Description

@Hell1213

Is` your feature request related to a problem? Please describe. I'm always frustrated when editing task fields in the task details dialog because the dialog blinks/disappears and reappears every time I save a field edit (description, due date, tags, etc.). This creates a jarring user experience where the dialog flashes away momentarily and then comes back, making it feel broken and unprofessional.

Describe the solution you'd like I want the task dialog to remain stable and visible during field edits. When I edit a task field and save it, the dialog should stay open smoothly without any blinking or disappearing behavior. The field should update in place, and I should be able to continue editing other fields seamlessly.

Describe alternatives you've considered

Implementing optimistic updates to prevent the need for data refreshes
Adding loading states within individual fields instead of at the component level
Debouncing the WebSocket responses to reduce refresh frequency
Using local state management to avoid triggering full component re-renders

Additional context The issue occurs because the WebSocket handler triggers a full task list refresh (getTasks()) for all successful operations, including "Edit Task". This refresh sets isLoading(true), which causes the dialog component to temporarily unmount/remount, creating the blinking effect. The fix should differentiate between operations that require a full refresh (Add, Complete, Delete) versus those that only update existing data (Edit).

This affects user productivity as it interrupts the editing workflow and makes the interface feel unstable. The dialog should provide a smooth, uninterrupted editing experience similar to modern web applications.

**Demo Video: **
https://github.com/user-attachments/assets/932cca11-fa04-44f4-ab75-0610c7b1212b

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