Use contain:strict

css-doodle · Jan 24, 2024 · 50149f3 · 50149f3
1 parent 640d34f
commit 50149f3
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/src/component.js b/src/component.js
@@ -552,16 +552,15 @@ export function define(name, element) {
 function get_basic_styles(grid) {
   let { x, y } = grid || {};
   return `
-    *,*::after,*::before {
+    *,*::after,*::before,:host,.host {
       box-sizing: border-box;
     }
     :host,.host {
       display: block;
       visibility: visible;
       width: auto;
       height: auto;
-      contain: content;
-      box-sizing: border-box;
+      contain: strict;
       --${utime.name}: 0
     }
     :host([hidden]),[hidden] {