Toggling a task inside a collapsible section collapses all sections
Summary
GitLab issues/MRs support task lists with the - [ ]
syntax, and collapsible sections with the <details>
and <summary>
tags. When used together, there's a small usability issue when toggling a task inside a collapsible section.
Steps to reproduce
- Expand the section in the example below
- Toggle one of the tasks
- Wait a bit for the issue to get re-rendered
Example:
Collapsible section
-
Task A -
Task B -
Task C
Example Project
Collapsible sections were recently added to the Onboarding issue template, where the task lists are especially lengthy :)
What is the current bug behavior?
All sections get collapsed again.
What is the expected correct behavior?
Expanded sections should stay expanded so you don't lose your position.
Output of checks
This bug happens on GitLab.com
Possible fixes
This could probably be fixed by rewriting this code in Vue.js, so the update is done with DOM-diffing?
Edited by Markus Koller