diff --git a/stencil-workspace/src/components/modus-utility-panel/modus-utility-panel.spec.ts b/stencil-workspace/src/components/modus-utility-panel/modus-utility-panel.spec.ts index 7f289278f..390bdba8d 100644 --- a/stencil-workspace/src/components/modus-utility-panel/modus-utility-panel.spec.ts +++ b/stencil-workspace/src/components/modus-utility-panel/modus-utility-panel.spec.ts @@ -10,7 +10,7 @@ describe('modus-utility-panel', () => { expect(root).toEqualHtml(` -
+
@@ -31,7 +31,7 @@ describe('modus-utility-panel', () => { expect(root).toEqualHtml(` -
+
diff --git a/stencil-workspace/src/components/modus-utility-panel/modus-utility-panel.tsx b/stencil-workspace/src/components/modus-utility-panel/modus-utility-panel.tsx index 4f724721f..1dbb5401a 100644 --- a/stencil-workspace/src/components/modus-utility-panel/modus-utility-panel.tsx +++ b/stencil-workspace/src/components/modus-utility-panel/modus-utility-panel.tsx @@ -11,7 +11,7 @@ export class ModusUtilityPanel { @Prop() expanded = false; /** Determines if the panel pushes content or displays an overlay. */ - @Prop() pushContent = false; + @Prop() pushContent = true; @Prop() targetContent: string; @@ -23,6 +23,12 @@ export class ModusUtilityPanel { @Element() el: HTMLElement; + componentDidLoad() { + if (this.pushContent) { + this.adjustContent(); + } + } + @Watch('expanded') handleExpandedChange(newValue: boolean) { if (newValue) {