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

[jcfranco]

Spike findings:

1. <calcite-popover> not closing in Safari when clicking <calcite-select>

This is caused by a browser bug that prevents pointerup, mouseup and click from firing, which prevents PopoverManager from toggling popovers.

2. Sudden closing of <calcite-select> in Chrome and Firefox

This is caused by focus-trap moving focus back to the previously focused element. This happens with the native <select> too when focus shifts to another element while open (see example). For reference, #10682 will explore options to improve this behavior.

Unfortunately, I don't think we can do anything about 1, and 2 will be addressed in a separate issue.

cc @driskull

[github-actions]

cc @geospatialem, @brittneytewks

[geospatialem]

Closing the above based on Franco's response above detailing the browser bug, outside of Calcite's control, and some opportunities for improvement with popover with #10682.