dockview-core 5.0.0 → 5.1.0

package/dist/dockview-core.noStyle.js

@@ -1,6 +1,6 @@
 /**
  * dockview-core
- * @version 5.0.0
+ * @version 5.1.0
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -8103,6 +8103,9 @@
             if (!this.map[panel.api.id]) {
                 const element = createFocusableElement();
                 element.className = 'dv-render-overlay';
+                // Hide until the first RAF-based position is applied to prevent a
+                // one-frame flash at position 0,0 when the element is first attached.
+                element.style.visibility = 'hidden';
                 this.map[panel.api.id] = {
                     panel,
                     disposable: exports.DockviewDisposable.NONE,
@@ -8139,6 +8142,11 @@
                     focusContainer.style.top = `${top}px`;
                     focusContainer.style.width = `${width}px`;
                     focusContainer.style.height = `${height}px`;
+                    // Reveal after the first position is applied (was hidden to
+                    // prevent a flash at 0,0 before the initial layout fires).
+                    if (focusContainer.style.visibility === 'hidden') {
+                        focusContainer.style.visibility = '';
+                    }
                     toggleClass(focusContainer, 'dv-render-overlay-float', panel.group.api.location.type === 'floating');
                 });
             };

package/dist/esm/overlay/overlayRenderContainer.js

@@ -79,6 +79,9 @@ export class OverlayRenderContainer extends CompositeDisposable {
         if (!this.map[panel.api.id]) {
             const element = createFocusableElement();
             element.className = 'dv-render-overlay';
+            // Hide until the first RAF-based position is applied to prevent a
+            // one-frame flash at position 0,0 when the element is first attached.
+            element.style.visibility = 'hidden';
             this.map[panel.api.id] = {
                 panel,
                 disposable: Disposable.NONE,
@@ -115,6 +118,11 @@ export class OverlayRenderContainer extends CompositeDisposable {
                 focusContainer.style.top = `${top}px`;
                 focusContainer.style.width = `${width}px`;
                 focusContainer.style.height = `${height}px`;
+                // Reveal after the first position is applied (was hidden to
+                // prevent a flash at 0,0 before the initial layout fires).
+                if (focusContainer.style.visibility === 'hidden') {
+                    focusContainer.style.visibility = '';
+                }
                 toggleClass(focusContainer, 'dv-render-overlay-float', panel.group.api.location.type === 'floating');
             });
         };

package/dist/package/main.cjs.js

@@ -1,6 +1,6 @@
 /**
  * dockview-core
- * @version 5.0.0
+ * @version 5.1.0
  * @link https://github.com/mathuo/dockview
  * @license MIT
  */
@@ -8129,6 +8129,9 @@ class OverlayRenderContainer extends CompositeDisposable {
         if (!this.map[panel.api.id]) {
             const element = createFocusableElement();
             element.className = 'dv-render-overlay';
+            // Hide until the first RAF-based position is applied to prevent a
+            // one-frame flash at position 0,0 when the element is first attached.
+            element.style.visibility = 'hidden';
             this.map[panel.api.id] = {
                 panel,
                 disposable: exports.DockviewDisposable.NONE,
@@ -8165,6 +8168,11 @@ class OverlayRenderContainer extends CompositeDisposable {
                 focusContainer.style.top = `${top}px`;
                 focusContainer.style.width = `${width}px`;
                 focusContainer.style.height = `${height}px`;
+                // Reveal after the first position is applied (was hidden to
+                // prevent a flash at 0,0 before the initial layout fires).
+                if (focusContainer.style.visibility === 'hidden') {
+                    focusContainer.style.visibility = '';
+                }
                 toggleClass(focusContainer, 'dv-render-overlay-float', panel.group.api.location.type === 'floating');
             });
         };