[fix] ComboBox scroll behavior

[suzubara]

ReactUSWDS Version & USWDS Version:

ReactUSWDS 2.2.0 (not present in USWDS)

Describe the bug

I'm using the ComboBox in an application, and when I click into the input it moves the scroll position of the entire page which is a bad UX. I cannot reproduce this in the USWDS Combo Box example so I think it's something to do with our implementation.

To Reproduce
Steps to reproduce the behavior:

• Load a page that shows the ComboBox component below the scroll fold
• Scroll down to the ComboBox component and click on the input to open the list
• The whole page scroll jumps

Expected behavior

When I click into the input, the scroll position of the page should not change.

Screenshots

Scroll bug:

Compare to:

Additional context

It looks like the USWDS source code adjusts the scrollTop of the list element itself, whereas our component uses scrollIntoView on the highlighted item. I'm guessing that's what is causing this behavior.