From e8cc258b99b528fe374ba5002fc1170d074c7aa0 Mon Sep 17 00:00:00 2001
From: Matt Driscoll <mdriscoll@esri.com>
Date: Thu, 10 Oct 2024 15:45:12 -0700
Subject: [PATCH] revert(panel): revert relative positioning on content
 (#10496)

**Related Issue:** #10494 #10095

## Summary

- reverts position relative styling
- #10119 should be verified again
---
 .../src/components/dialog/dialog.stories.ts          | 12 ++++++++++--
 .../src/components/panel/panel.scss                  |  3 +--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/packages/calcite-components/src/components/dialog/dialog.stories.ts b/packages/calcite-components/src/components/dialog/dialog.stories.ts
index 9a0ba8d918d..77cb5bef9a2 100644
--- a/packages/calcite-components/src/components/dialog/dialog.stories.ts
+++ b/packages/calcite-components/src/components/dialog/dialog.stories.ts
@@ -376,8 +376,16 @@ const themedStyle = html`--calcite-dialog-scrim-background-color: purple; --calc
 --calcite-dialog-content-space: 50px; --calcite-dialog-offset-x: 50px; --calcite-dialog-offset-y: -30px;`;
 
 export const withShellInside = (): string =>
-  html`<calcite-dialog open modal heading="heading" description="description" scale="m" width-scale="l">
-    <calcite-shell>
+  html`<calcite-dialog
+    open
+    modal
+    heading="heading"
+    description="description"
+    scale="m"
+    width-scale="l"
+    style="--calcite-dialog-content-space: 0;"
+  >
+    <calcite-shell style="position:relative">
       <calcite-shell-panel slot="panel-start">
         <calcite-action-bar slot="action-bar" expanded>
           <calcite-action-group>
diff --git a/packages/calcite-components/src/components/panel/panel.scss b/packages/calcite-components/src/components/panel/panel.scss
index 4d40f90da8c..29b7cf7c45f 100644
--- a/packages/calcite-components/src/components/panel/panel.scss
+++ b/packages/calcite-components/src/components/panel/panel.scss
@@ -164,8 +164,7 @@
   items-stretch
   overflow-auto
   h-full
-  focus-base
-  relative;
+  focus-base;
   padding: var(--calcite-panel-content-space, 0);
   background: var(--calcite-panel-background-color, var(--calcite-color-background));
 }