fix: set layout content box size (#29)

* fix: set layout content box size * chore: bump
blidblid · Mar 31, 2023 · b797def · b797def
1 parent 3824df3
commit b797def
Show file tree

Hide file tree

Showing 5 changed files with 15 additions and 3 deletions.
diff --git a/libs/angular/package.json b/libs/angular/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@berg-layout/angular",
-  "version": "5.1.2",
+  "version": "5.1.3",
   "devDependencies": {
     "@berg-layout/testing": "*"
   },

diff --git a/libs/core/package.json b/libs/core/package.json
@@ -1,4 +1,4 @@
 {
   "name": "@berg-layout/core",
-  "version": "5.1.2"
+  "version": "5.1.3"
 }
diff --git a/libs/core/src/lib/components/layout/layout.ts b/libs/core/src/lib/components/layout/layout.ts
@@ -225,6 +225,14 @@ export class BergLayoutElement extends WebComponent<BergLayoutInputs> {
 
     const shadowRoot = this.shadowRoot ?? this.attachShadow({ mode: 'open' });
     shadowRoot.innerHTML = `
+      <style>
+        .berg-layout-content {
+          height: 100%;
+          width: 100%;
+          box-sizing: border-box;
+        }
+      </style>
+
       <slot name="top"></slot>
       <slot name="right"></slot>
       <slot name="bottom"></slot>

diff --git a/libs/react/package.json b/libs/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@berg-layout/react",
-  "version": "5.1.2",
+  "version": "5.1.3",
   "devDependencies": {
     "@berg-layout/testing": "*"
   }

diff --git a/libs/testing/src/lib/run-layout-tests.ts b/libs/testing/src/lib/run-layout-tests.ts
@@ -291,12 +291,16 @@ export const runLayoutTests = (
           },
         });
 
+        // there is some flake in this spec where the right panel z-index is not updated in time
+        harness.tickDuration(0);
+
         const backdrop = harness.getAssertedBackdrop('right');
         const top = harness.assertedTop;
         const right = harness.assertedRight;
         const bottom = harness.assertedBottom;
         const left = harness.assertedLeft;
 
+
         expect(parseInt(getComputedStyle(right).zIndex)).toBeGreaterThan(
           parseInt(getComputedStyle(backdrop).zIndex)
         );