From f83559568d54d1518803e1c9cd120beb6b449a3b Mon Sep 17 00:00:00 2001 From: Hristo Terezov Date: Thu, 7 Oct 2021 18:10:54 -0500 Subject: [PATCH] fix(FIlmstrip): disable default overscrolling With the default overscrolling policy when a user overscroll the filmstrip the scroll focus is moved to the main window and it looks like the scroll is not working. --- css/filmstrip/_horizontal_filmstrip.scss | 2 ++ css/filmstrip/_tile_view.scss | 1 + css/filmstrip/_vertical_filmstrip.scss | 1 + 3 files changed, 4 insertions(+) diff --git a/css/filmstrip/_horizontal_filmstrip.scss b/css/filmstrip/_horizontal_filmstrip.scss index a71579894..617517a78 100644 --- a/css/filmstrip/_horizontal_filmstrip.scss +++ b/css/filmstrip/_horizontal_filmstrip.scss @@ -63,6 +63,8 @@ } .remote-videos { + overscroll-behavior: contain; + & > div { transition: opacity 1s; position: absolute; diff --git a/css/filmstrip/_tile_view.scss b/css/filmstrip/_tile_view.scss index 9db32db74..ed5c689f9 100644 --- a/css/filmstrip/_tile_view.scss +++ b/css/filmstrip/_tile_view.scss @@ -15,6 +15,7 @@ box-sizing: border-box; display: flex; flex-direction: column; + overscroll-behavior: contain; } .filmstrip__videos .videocontainer { diff --git a/css/filmstrip/_vertical_filmstrip.scss b/css/filmstrip/_vertical_filmstrip.scss index a9fe54286..35eb0f269 100644 --- a/css/filmstrip/_vertical_filmstrip.scss +++ b/css/filmstrip/_vertical_filmstrip.scss @@ -114,6 +114,7 @@ .remote-videos { display: flex; transition: height .3s ease-in; + overscroll-behavior: contain; & > div { position: absolute;