From 82c7293308418161136bc01d6a383a1ef75fb8fd Mon Sep 17 00:00:00 2001
From: Robin Townsend <robin@robin.town>
Date: Mon, 30 Jan 2023 23:44:19 -0500
Subject: [PATCH] Replace premature animation optimization with a potentially
 wiser one

---
 src/video-grid/NewVideoGrid.module.css | 3 +++
 src/video-grid/VideoTile.module.css    | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/video-grid/NewVideoGrid.module.css b/src/video-grid/NewVideoGrid.module.css
index c8e0d806..f30f12c8 100644
--- a/src/video-grid/NewVideoGrid.module.css
+++ b/src/video-grid/NewVideoGrid.module.css
@@ -1,4 +1,5 @@
 .grid {
+  contain: strict;
   position: relative;
   flex-grow: 1;
   padding: 0 22px;
@@ -7,6 +8,7 @@
 }
 
 .slotGrid {
+  contain: strict;
   position: relative;
   display: grid;
   grid-auto-rows: 183px;
@@ -15,6 +17,7 @@
 }
 
 .slot {
+  contain: strict;
   scroll-snap-align: start;
 }
 
diff --git a/src/video-grid/VideoTile.module.css b/src/video-grid/VideoTile.module.css
index f475d0c5..05f3a0ce 100644
--- a/src/video-grid/VideoTile.module.css
+++ b/src/video-grid/VideoTile.module.css
@@ -16,8 +16,8 @@ limitations under the License.
 
 .videoTile {
   position: absolute;
+  contain: strict;
   top: 0;
-  will-change: transform, width, height, opacity, box-shadow;
   width: var(--tileWidth);
   height: var(--tileHeight);
   border-radius: 20px;