[VirtualListContent] row loses focus on selection change

[bjornalm]

trafficstars

What package is this for?

• [x] React
• [ ] Angular

Describe the bug

VirtualListContent re-renders when state changes (selected an item in the list, for example), which is fine with mouse, but this re-render causes the focus to be lost when using the keyboard and makes for a cumbersome experience.

To Reproduce

Steps to reproduce the behavior:

1. Go to 1-watson-iot-list--with-checkbox-multi-selection
2. Check knob isVirtualList
3. Use keyboard to select a row
4. See that focus on current row is lost

Please create a reduced test case in CodeSandbox: https://codesandbox.io/s/github/carbon-design-system/carbon-addons-iot-react/tree/next/packages/react/examples/codesandbox

Expected behavior

Focus should stay on row after selection

Environment/versions:

• OS: [e.g. MacOS, Windows]
• Browser: [e.g. chrome, safari]
• carbon-addons-iot-react version: [e.g. v2.60.0]

Additional context

If applicable, add screenshots to help explain your problem.

Add any other context about the problem here.

Specific timeline issues / requests

Do you want this work within a specific time period? Is it related to an upcoming release?

NB: The core contributors will try to work with your timeline, but it's not guaranteed. The earlier you make a request in advance of a desired delivery date, the better!