fix nested flexbox items chrome bug

OpenHypervideo · Mar 22, 2017 · 634fe3c · 634fe3c
1 parent 93a977c
commit 634fe3c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/player/modules/ViewVideo/module.js b/player/modules/ViewVideo/module.js
@@ -658,7 +658,7 @@ FrameTrail.defineModule('ViewVideo', function(){
                                     - $('#Titlebar').height()
                                     - editBorder,
             _video              = $(Video);
-
+            
         if (animate) {
             VideoContainer.css({
                 'transition-duration': '',

diff --git a/player/modules/ViewVideo/style.css b/player/modules/ViewVideo/style.css
@@ -10,7 +10,7 @@ path {
     justify-content: flex-start;
     align-content: stretch;
     align-items: flex-start;
-    position: relative;
+    position: absolute;
     width: 100%;
     height: 100%;
     overflow: hidden;
@@ -648,7 +648,7 @@ path {
     order: 0;
     flex: 0 0 400px;
     min-width: 400px;
-    height: 100%;
+    align-self: stretch;
 }
 
 .editActive[data-edit-mode="links"] #HypervideoContainer #InfoAreaRight, .editActive[data-edit-mode="overlays"] #HypervideoContainer #InfoAreaRight, .editActive[data-edit-mode="codesnippets"] #HypervideoContainer #InfoAreaRight, .editActive[data-edit-mode="annotations"] #HypervideoContainer #InfoAreaRight {
@@ -729,8 +729,7 @@ path {
     position: relative;
     order: 0;
     flex: 1 1 auto;
-    height: 100%;
-    align-self: auto;
+    align-self: stretch;
     background: transparent;
     overflow: hidden;
     -moz-transition-property: width;