Popover element is not closed when clicking outside on a Select element

[y-elouri]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

<calcite-popover auto-close> does not close when clicking outside on a <calcite-select> element. This happens only on Safari.

Expected Behavior

The popover should be closed as the click was initiated outside.

Reproduction Sample

https://codepen.io/yelouri/pen/dyxBWjX

Reproduction Steps

1. Click on the caret of the element with Offset distance placeholder
2. Two choices:
   2.a. click in any blank space outside ==> popover is closed ✅
   2.b. click on the caret of the first dropdown ==> popover remains open ❌

Reproduction Version

2.13.0

Relevant Info

Browsers affected: Safari,

*Chrome & Firefox seems OK, but there's a flashing that happens on the <calcite-select> element.

Regression?

No response

Priority impact

impact - p3 - not time sensitive

Impact

https://devtopia.esri.com/WebGIS/arcgis-web-analysis/issues/7549

Calcite package

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

Esri team

ArcGIS Web Analysis