fix: Change hidden tabs rendering mode

Render hidden tabs with visibility hidden instead of display none. This allow to properly compute internal dimentions.
diplodoc-platform · Dec 2, 2023 · 9e2e84a · 9e2e84a
1 parent edb3eb9
commit 9e2e84a
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/runtime/scss/tabs.scss b/src/runtime/scss/tabs.scss
@@ -48,7 +48,8 @@
 }
 
 .yfm-tab-panel {
-    display: none;
+    visibility: hidden;
+    height: 0;
 
     &:first-child {
         margin-top: 0 !important;
@@ -59,6 +60,7 @@
     }
 
     &.active {
-        display: block;
+        visibility: visible;
+        height: auto;
     }
 }