dockview-core 1.8.5 → 1.9.1

package/dist/styles/dockview.css

@@ -1,3 +1,16 @@
+.dv-render-overlay {
+  position: absolute;
+  z-index: 1;
+  height: 100%;
+}
+.dv-render-overlay.dv-render-overlay-float {
+  z-index: 999;
+}
+
+.dv-debug .dv-render-overlay {
+  outline: 1px solid red;
+  outline-offset: -1;
+}
 .dockview-svg {
   display: inline-block;
   fill: currentcolor;
@@ -300,16 +313,16 @@
   will-change: transform;
   pointer-events: none;
 }
-.drop-target > .drop-target-dropzone > .drop-target-selection.small-top {
+.drop-target > .drop-target-dropzone > .drop-target-selection.dv-drop-target-top.dv-drop-target-small-vertical {
   border-top: 1px solid var(--dv-drag-over-border-color);
 }
-.drop-target > .drop-target-dropzone > .drop-target-selection.small-bottom {
+.drop-target > .drop-target-dropzone > .drop-target-selection.dv-drop-target-bottom.dv-drop-target-small-vertical {
   border-bottom: 1px solid var(--dv-drag-over-border-color);
 }
-.drop-target > .drop-target-dropzone > .drop-target-selection.small-left {
+.drop-target > .drop-target-dropzone > .drop-target-selection.dv-drop-target-left.dv-drop-target-small-horizontal {
   border-left: 1px solid var(--dv-drag-over-border-color);
 }
-.drop-target > .drop-target-dropzone > .drop-target-selection.small-right {
+.drop-target > .drop-target-dropzone > .drop-target-selection.dv-drop-target-right.dv-drop-target-small-horizontal {
   border-right: 1px solid var(--dv-drag-over-border-color);
 }
 .dv-debug .dv-resize-container .dv-resize-handle-top {
@@ -427,6 +440,9 @@
   width: 100%;
   z-index: 1;
 }
+.dv-dockview .dv-overlay-render-container {
+  position: relative;
+}
 
 .groupview.active-group > .tabs-and-actions-container > .tabs-container > .tab.active-tab {
   background-color: var(--dv-activegroup-visiblepanel-tab-background-color);
@@ -468,7 +484,7 @@
 }
 .groupview > .content-container {
   flex-grow: 1;
-  overflow: hidden;
+  min-height: 0;
   outline: none;
 }
 .grid-view,
@@ -655,11 +671,11 @@
   -ms-user-select: none;
   touch-action: none;
 }
-.split-view-container .sash-container .sash:active {
+.split-view-container .sash-container .sash:not(.disabled):active {
   transition: background-color 0.1s ease-in-out;
   background-color: var(--dv-active-sash-color, transparent);
 }
-.split-view-container .sash-container .sash:hover {
+.split-view-container .sash-container .sash:not(.disabled):hover {
   background-color: var(--dv-active-sash-color, transparent);
   transition: background-color 0.1s ease-in-out;
   transition-delay: 0.5s;
@@ -692,6 +708,21 @@
 .tab {
   flex-shrink: 0;
 }
+.tab:focus-within, .tab:focus {
+  position: relative;
+}
+.tab:focus-within::after, .tab:focus::after {
+  position: absolute;
+  content: "";
+  height: 100%;
+  width: 100%;
+  top: 0px;
+  left: 0px;
+  pointer-events: none;
+  outline: 1px solid var(--dv-tab-divider-color) !important;
+  outline-offset: -1px;
+  z-index: 5;
+}
 .tab.dv-tab-dragging .tab-action {
   background-color: var(--dv-activegroup-visiblepanel-tab-color);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dockview-core",
-  "version": "1.8.5",
+  "version": "1.9.1",
   "description": "Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support",
   "keywords": [
     "splitview",