Color picker text gets highlighted

[nel11211]

Check existing issues

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

Actual Behavior

Color picker text gets highlighted when dragging cursor over during color selection.

Expected Behavior

When the user is dragging the color picker around the swatch, it should not also highlight the text when it gets waved over. 2.10.1 has the expected behavior.

Reproduction Sample

https://codepen.io/nel11211/pen/ExBXeLy?editors=1000

Reproduction Steps

1. In a calcite-color-picker component, click and drag in the swatch to select a color.
2. Drag cursor outside and below the color picker.
3. Text gets highlighted.

Reproduction Version

2.11.1

Relevant Info

Regression (bug not seen on 2.10.1):

Regression?

2.10.1

Priority impact

impact - p3 - not time sensitive

Impact

No response

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 Charts

[geospatialem]

Possibly related to https://github.com/Esri/calcite-design-system/commit/b2be62566821e36b985d133b1c867b3cfb51fa84

[github-actions[bot]]

Installed and assigned for verification.

[DitwanP]

🍡 Verified on 2.12.0-next.13 https://codepen.io/Ditwan-Price/pen/VwJrXRN?editors=1000