[Dialog] Some slotted content appears below or overlaps the header/footer #10095
Description
Check existing issues
- I have checked for existing issues to avoid duplicates
Actual Behavior
When slotting absolute positioned content into the default slot of the dialog, it can appear below the header and overlap with the footer and its contents. We use shell in modal, and I don't think we can work around this by adjusting its positioning.
Here is a shell in the dialog's default slot. Notice the first action is hidden below the header, the footer bar is missing and the content overlaps the footer buttons.
vs the same content in modal's content slot
Expected Behavior
Same as modal, all content should appear between the header and footer.
Reproduction Sample
https://codepen.io/ellupp/pen/LYKOmPa?editors=1101
Reproduction Steps
- click button to open dialog and observe
Reproduction Version
2.11.1
Relevant Info
No response
Regression?
No response
Priority impact
impact - p2 - want for an upcoming milestone
Impact
No response
Calcite package
- @esri/calcite-components
- @esri/calcite-components-angular
- @esri/calcite-components-react
- @esri/calcite-design-tokens
- @esri/eslint-plugin-calcite-components
Esri team
ArcGIS Dashboards
Metadata
Metadata
Assignees
Labels
Issues that have been tested, confirmed as mitigated, and are ready to close.Issues logged by ArcGIS Dashboards team members.Bug reports for broken functionality. Issues should include a reproduction of the bug.Issues specific to the @esri/calcite-components package.User set priority impact status of p2 - want for an upcoming milestoneIssue is non core or affecting less that 60% of people using the library