[Bug]: [Tree] Virtualized Tree component looses focusable element when the element is removed from DOM due to virtualization

[petrjaros]

Library

React Components / v9 (@fluentui/react-components)

System Info

System:
    OS: Windows 10 10.0.22635
    CPU: (8) x64 Intel(R) Core(TM) i7-10610U CPU @ 1.80GHz
    Memory: 23.99 GB / 47.73 GB
  Browsers:
    Edge: Chromium (123.0.2420.41), ChromiumDev (125.0.2492.1)
    Internet Explorer: 11.0.22621.3566

Are you reporting Accessibility issue?

yes

Reproduction

https://master--628d031b55e942004ac95df1.chromatic.com/?path=/docs/components-tree--default#virtualization

Bug Description

• Open the link, it should show official Fluent storybook on virtualized Tree example
• Use tab to navigate to the first item in the tree
• Press right arrow key to open first item branch of items
• Then scroll to the end of the tree using mouse

Actual Behavior

• Now it is not possible to navigate in the tree using keyboard anymore

Expected Behavior

• It should be still possible to navigate in the tree using keyboard

Logs

No response

Requested priority

Blocking

Products/sites affected

Teams

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.