task list: clicking the header of a task row should collapse the row
This keeps happening to me: I expand a task row by clicking somewhere in the middle, and then want to close it again by clicking on the same spot, but that doesn't close it, and instead activates the text input.
Generally it's good to make actions easily reversible, ideally with the same or opposite action (in this case clicking the same spot on the row). Asymmetric behaviors like the one we currently have are counterintuitive and hard to get used to.
A solution would be to make editing the title possible even when a task row is collapsed. Clicking the title of a row item would always reveal the text input. If, in addition, the text input were only as wide as the title, clicking somewhere to the right of the title could still expand/collapse the item. This way the behavior would remain consistent in both the collapsed and the expanded state.
In order to provide better feedforward, it would also be good to show the border of the text input on hover.
This image shows what clicking different parts of a task row would do.
- Define which areas have what effect when they are clicked
- Make title editable when row is collapsed
- Show text input border on hover
- Make text input width dynamic (only as wide as the row title, with a minimum width of e.g. 30px)
- Make clicking anywhere on the row (except for the text input) collapse the row
- Title is always editable
- Clicking anywhere on the row header except on the text input expands/collapses the row
- No regressions were introduced