Browser locks up when TreeSelectionManager gets a shift-click for a large number of tree nodes (>200)

[wilmaier]

Describe the bug The application freezes and the tab needs to be refreshed. Selecting everything by parent node works without issues. This could be related to lazy loading because if I scroll down very slowly and let every node get loaded before selecting the last element then the app does not freeze.

To Reproduce Steps to reproduce the behavior:

1. Open IModel that would have a few hundred elements
2. Type 'a' into the search widget field
3. Expand node with a large amount of elements
4. Select the first one and scroll down to the bottom and shift+click the last element.

Expected behavior Clicking on the parent node causes all of the child nodes to be added to selection set. Using shift click to select all child nodes should work the same.

Desktop (please complete the applicable information):

• OS: Windows 11
• Browser: Chrome
• Version 116.0.5845.110 (Official Build) (64-bit)
• iTwin.js AppUI Version 4.4.0
• iTwin.js Version 4.1.0

[grigasp]

Adding repro steps that are easier to understand:

1. Go to presentation rules editor.
2. Select the first node in the tree on the right.
3. Click on the scrollbar handle and quickly drag it to the bottom.
4. While holding the Shift key, click on one of the nodes.
5. Notice the frontend is hung.

The problem is related to the tree requirement to load all intermediate nodes between the two selected ones.

[raplemie]

Hi! A fix have been done, I'll let you know when it gets released.

[raplemie]

Hi @wilmaier, a fix for this was released today in 4.5.0. Please try it out and let us know if this fixes your issue!

[wilmaier]

Yes thanks. This fixes the issue.

[grigasp]

@raplemie, I guess the issue should be closed?

[raplemie]

Yes, thanks.