finally fix scrolling bug

Author: OpenHypervideo

src/player/modules/ViewVideo/module.js

@@ -638,6 +638,7 @@ FrameTrail.defineModule('ViewVideo', function(FrameTrail){
             PlayerContainer.style.marginBottom = '';
         }
 
+
     };
 
 

src/player/modules/ViewVideo/style.css

@@ -233,28 +233,21 @@ body.userinactive .mainContainer:not([data-edit-mode="overlays"]):not([data-edit
     position: relative;
     width: 100%;
     order: 0;
-    flex: 0 1 clamp(200px, calc(100vh * 0.6 - 40px), 450px);
-    min-height: clamp(200px, calc(100vh * 0.6 - 40px), 450px);
+    flex: 0 0 0px;
+    min-height: 0;
     align-self: auto;
     background: transparent;
     z-index: 2;
     overflow: hidden;
-    /* Keep invisible by default — revealed only when slidePosition is top/bottom.
-       The 210ms delay on visibility lets the exit slide animation finish
-       before the area is hidden again. The 210ms slightly exceeds the
-       slideArea's 200ms margin-top transition so the content is visible throughout. */
     visibility: hidden;
-    transition: margin-top 500ms, visibility 0s 210ms;
-}
-
-.viewVideo.slide-pos-top .areaTopDetails {
-    visibility: visible;
-    transition: margin-top 500ms; /* show immediately; no visibility delay */
+    transition: margin-top 500ms;
 }
 
+.viewVideo.slide-pos-top .areaTopDetails,
 .viewVideo.slide-pos-bottom .areaBottomDetails {
+    flex: 0 1 clamp(200px, calc(100vh * 0.6 - 40px), 450px);
+    min-height: clamp(200px, calc(100vh * 0.6 - 40px), 450px);
     visibility: visible;
-    transition: margin-top 500ms; /* show immediately */
 }
 
 /* LayoutArea Sizes */

src/player/types/ContentView/style.css

@@ -430,6 +430,7 @@
     height: 100%;
     background: var(--secondary-bg-color);
     box-sizing: border-box;
+    overflow: clip;
     display: none;
 }
 

src/player/types/ContentView/type.js

@@ -399,10 +399,12 @@ FrameTrail.defineType(
                                 var _detailEls = self.contentViewDetailsContainer.querySelectorAll('.collectionElement');
                                 if (_detailEls[_idx]) _detailEls[_idx].classList.add('open');
 
-                                self.updateCollectionSlider(true);
-
                                 FrameTrail.module('ViewVideo').shownDetails = self.whichArea;
 
+                                requestAnimationFrame(function() {
+                                    self.updateCollectionSlider(true);
+                                });
+
                                 var annoData = contentItem.data;
                                 FrameTrail.triggerEvent('userAction', {
                                     action: 'AnnotationOpen',