[Dialog] Alert slot blocks footer actions

[mpayson]

Check existing issues

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

Actual Behavior

The alert slot blocks footer actions. This looks a little weird, and can make it hard to click a "Cancel" button slotted in the footer

Expected Behavior

Alert displays above the footer

Reproduction Sample

https://codepen.io/mpayson/pen/rNXWWaO

Reproduction Steps

1. Open the codepen

Reproduction Version

2.13

Relevant Info

No response

Regression?

No response

Priority impact

impact - p2 - want for an upcoming milestone

Impact

May limit our ability to use the alerts slot

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 Data Pipelines

[mpayson]

Looks like this can be worked around by setting a transform style on the alert. This can probably be changed to p3

[macandcheese]

I know we've talked about "pinning" the slot to the Content area - which could help most default use cases prevent overlap with Footer content, probably the most common layout. However, I think there is always a risk of unwanted overlap with < unknown content >.

There seems to have been a change.... --calcite-alert-edge-distance was made into an internal property. Before this change, this was a public property where users could adjust as needed: https://codepen.io/mac_and_cheese/pen/zYgomqq?editors=1000

I'd think we restore it to support these use cases (within Dialog, Panel, or anywhere elsewhere an Alert may overlap content)