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;