BUG: List of challenges not displayed correctly after expand (2 bugs)

[hero101]

Describe the bug The list of subspaces on the left have a visual bug when collapsed and then expanded.

To Reproduce Steps to reproduce the behavior:

Bug # 1

1. Go to Subspace (Challenge)
2. The control is in it's default collapsed state, not showing full hirarchy (Image 1)
3. Click on 'Collapse'
4. Click on 'Expand'
5. Observe visual bug (Image 2)

Bug # 2

1. Go to Subspace (Challenge)
2. The control is in it's default collapsed state, not showing full hirarchy (Image 1)
3. Click on 'Show full hirarchy' to expand
4. Click on 'Collapse' to collapse the whole panel
5. Click on 'Expand'
6. Observe visual bug (Image 3)

Expected behavior A clear and concise description of what you expected to happen.

Screenshots Image 1

Image 2

Image 3

• OS: Ubuntu 22.04.4 LTS
• Chrome 123.0.6312.122 (Official Build) (64-bit)

[bobbykolev]

I can't reproduce the exact issue (could be OS-related or fixed) but I get a similar bug (to #1) where on expansion the tree structure is not rendered as expected. Windows 11, Chrome Browser 124. The item on focus is the first SubSubSpace under the second SubSpace. Here's a link on dev with the second screenshot - slightly displaced position: https://dev-alkem.io/bobspace/challenges/testsubspace-7516/opportunities/subsub-4681

Private Zenhub Video

[me-andre]

Guys, @hero101 , @bobbykolev , please provide the link to the page where you see this. I can't reproduce it and the screenshots don't help a lot.

[Comoque1]

These issues are still reproducible or partially. Functionally, the hierarchy component is working fine. There are some cases, when it doesn't behave great and to collect all scenarios, will take some time. For now moving to new issues.