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?