Add list containment rules

tropy · Oct 10, 2017 · 4a8adfe · 4a8adfe
1 parent 42ae3c0
commit 4a8adfe
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/stylesheets/components/item/_table.scss b/src/stylesheets/components/item/_table.scss
@@ -167,7 +167,7 @@
     width: 100%;
     table-layout: fixed;
     border-collapse: collapse;
-    contain: layout style;
+    contain: content;
     will-change: transform;
   }
 

diff --git a/src/stylesheets/components/photo/_list.scss b/src/stylesheets/components/photo/_list.scss
@@ -17,13 +17,19 @@
     contain: strict;
   }
 
+  .viewport {
+    contain: content;
+    will-change: transform;
+  }
+
   .photo {
     align-items: center;
     position: relative;
 
     &.active {
       .photo-container {
         @extend %list-active;
+        contain: strict;
 
         @at-root #{
           selector-replace(&, ".photo.list",