[Dropdown]: unable conditionally render a dropdown on button click

[svlesiv]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

To avoid loading dropdown content, we used an external trigger button that renders the dropdown only on a button click. It worked in v2.6.0, but starting from v2.7.0, it seems that clicking the external trigger button is treated as a click outside, causing the modal to close immediately.

Expected Behavior

The dropdown component would be displayed when clicking on a button (outside the dropdown) that changes the state of a variable to render the dropdown.

Reproduction Sample

https://codepen.io/svlesiv/pen/vEBxJgZ

Reproduction Steps

1. Go to https://codepen.io/svlesiv/pen/vEBxJgZ codepen.
2. Click on the External Trigger button.
3. The dropdown will not be displayed for v2.7.0 - v2.13.2.

Reproduction Version

2.13.2

Relevant Info

No response

Regression?

2.6.0

Priority impact

impact - p1 - need for current milestone

Impact

Rendering a table with many dropdowns would again decrease the performance that was improved by https://github.com/ArcGIS/sitescan-manager/pull/7069 PR.

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 Site Scan