[Sheet] Open, slotted Sheets, Modals, and Dialogs prevent page interaction

[macandcheese]

Check existing issues

• I have checked for existing issues to avoid duplicates

Actual Behavior

The Sheet component can be slotted, and constrained, to a particular region by using the "sheets" slot of Shell.

Currently - this behavior prevents user interaction with page elements, even those outside the constrained region of the "sheets" slot.

Expected Behavior

This shouldn't occur - users should be free to interact with any region not covered by the Sheet's scrim.

Reproduction Sample

sheet - https://codepen.io/mac_and_cheese/pen/dPyNjwe?editors=1000
dialog - https://codepen.io/Ditwan-Price/pen/EaxWoBp?editors=1010
modal - https://codepen.io/Ditwan-Price/pen/vEYxdyO?editors=1010

Reproduction Steps

1. Open Codepen
2. Open the Sheet, Dialog, or Modal and try to interact with other page elements (Action bars, etc.)
3. Notice click events do not work.
4. Switch the import to 2.13.2
5. Repeat
6. Notice the click events work as expected.

Reproduction Version

3.x

Relevant Info

No response

Regression?

2.13.2

Priority impact

impact - p1 - need for current milestone

Impact

Regression

Calcite package

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

Esri team

N/A

[macandcheese]

Note: Verify this is not occurring for other components - Alert, Dialog, etc., that have named slots in Shell or other components.

[DitwanP]

Looks like this also effects other slotted components.

• Dialogs - https://codepen.io/Ditwan-Price/pen/EaxWoBp?editors=1010
• Modals - https://codepen.io/Ditwan-Price/pen/vEYxdyO?editors=1010

Doesn't seem to be an issue for alerts though:

• Alerts - https://codepen.io/Ditwan-Price/pen/bNGqLqW?editors=1010