In order to preserve semantics (li inside ul), when virtualization is enabled I wrapped ul with div that gets outterProps, className and style.
To make keyboard navigation to work when parent node is not in the DOM, I used useState for scroll index and had to use setTimeout inside useEffect to focus the node when it is visible.
Checklist
[X] Add meaningful unit tests for your component (verify that all lines are covered)
[x] Verify that all existing tests pass
[x] Add component features demo in Storybook (different stories)
[x] ~Approve test images for new stories~
[x] ~Add screenshots of the key elements of the component~
Closes #712
In order to preserve semantics (
liinsideul), when virtualization is enabled I wrappedulwithdivthat getsoutterProps,classNameandstyle. To make keyboard navigation to work when parent node is not in the DOM, I useduseStatefor scroll index and had to usesetTimeoutinsideuseEffectto focus the node when it is visible.Checklist