Bug - unnecessary scroll bar appears for list items that contain a nested list

[sagewall]

Check existing issues

• [X] I have checked for existing issues to avoid duplicates

Actual Behavior

Beginning with version 2.10.0 an unnecessary scroll bar appears for list items containing a nested list when it has the keyboard focus.

Expected Behavior

No scroll bar appears

Reproduction Sample

https://codepen.io/sagewall/pen/KKjWOEM

Reproduction Steps

1. Open the codepen
2. Expand the ACS School Enrollment Variables - Boundaries list item
3. Collapse the list item
4. Notice how a scroll bar appears in the list item while it retains the keyboard focus
5. Click somewhere outside the list or hit tab
6. Notice how the scrollbar goes away

Reproduction Version

2.10.0

Relevant Info

Could be related to this commit.

Regression?

2.9.0

Priority impact

impact - p2 - want for an upcoming milestone

Impact

Impacts the ArcGIS Maps SDK widgets and components that use the calcite list. This also affects all the app teams that use the JS SDK like Map Viewer, Scene Viewer, Experience Builder and Instant Apps.

Calcite package

• [X] @esri/calcite-components
• [ ] @esri/calcite-components-angular
• [ ] @esri/calcite-components-react
• [ ] @esri/calcite-design-tokens
• [ ] @esri/eslint-plugin-calcite-components

Esri team

ArcGIS Maps SDK for JavaScript

[github-actions[bot]]

Installed and assigned for verification.

[geospatialem]

Verified in 2.12.0-next.5: