ListGroup flashes with unsorted content when re-opened and needs to sort

[barmac]

Describe the Bug

When I create multiple elements in a list group, it flashes with unsorted content when I re-open.

aa.mp4

Steps to Reproduce

1. Create multiple elements
2. Name them from [c, b, a] to force sorting
3. Close and open

Expected Behavior

No flash. It should be sorted right away

[barmac]

This could probably be solved if we synchronously sort before the render is flushed to the DOM. Check how it was done in the nested list. Alternatively, we could try out useLayoutEffect.

[smbea]

I can't reproduce this. It appears sorted when re-opening. Maybe we fixed this along the way?

[barmac]

Let's close it then.