Unnecessary scroll bar in calcite-color-picker in Chrome & Edge

[tayMAPNeil]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

A small, unnecessary scroll bar appears next to the RGB / HSV input section of the color-picker.

2023-12-08_11-33-11.mp4

Expected Behavior

No scrollbar should display.

Reproduction Sample

https://next.sites.afd.arcgis.com/calcite-design-system/components/color-picker/

Reproduction Steps

1. Open the calcite-color-picker component sample on Chrome or Edge browser.
2. See an unecessary scroll bar to the right of the HSV/RGB input.

Reproduction Version

1.10.0

Relevant Info

This is not an issue on the FF browser.

I was able to repro on a Windows PC using Edge or Chrome. My colleague on a Mac can also see the scrollbar on the sample page (image below).

Potentially related to #8139

Regression?

1.9.0

Priority impact

p3 - want for upcoming milestone

Impact

Relatively minor impact, but would be nice to fix. We leverage the color-picker in various areas of Map Viewer.

Calcite package

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

Esri team

ArcGIS Online

[geospatialem]

Thanks for filing, @tayMAPNeil!

Will work towards a solution in the linked issue mentioned above, #8139, and will verify if the fix mitigates the above color-picker issue once implemented (targeted for this month's release).

[eriklharper]

Tested locally, and I'm no longer seeing the issue on latest. I think this fixed it: #8399.