dockview icon indicating copy to clipboard operation
dockview copied to clipboard

First tab does not drag-drop when there is not enough space above the dockview area

Open nilsm opened this issue 9 months ago • 4 comments

Describe the bug When there is not enough space above the dockview container div, the first tab does not drag/drop.

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://dockview.dev/templates/dockview/basic/typescript/index.html
  2. Go to 'Inspect' in the developer tools
  3. Set 'display: none' as the style for the header
  4. Try to drag Panel 1 - it won't drag anymore
  5. Drag Panel 2 into the first position - it won't drag anymore but Panel 1 can now be dragged

The same behaviour happens when there is no other div above the dockview container div - eg. for full-screen layouts where dockview is the only element on the page.

Desktop (please complete the following information):

  • Browser: seems to be universal but mostly tested in Chrome v134.0.6998
  • (also seen on Windows Chrome, Windows Edge, OSX Safari)

nilsm avatar Mar 24 '25 20:03 nilsm

More info:

  1. It seems to be possible to drag the first panel by placing the mouse a little below the title
  2. Even with the header visible the first panel is not draggable if the header height is < 10px approximately

nilsm avatar Mar 24 '25 20:03 nilsm

Which element are you setting display: none on?

mathuo avatar Mar 26 '25 22:03 mathuo

Which element are you setting on?display: none

I have the same problem, which happens when the panel fills the whole interface.

Image

yanyinqing avatar Apr 15 '25 02:04 yanyinqing

Which element are you setting on?display: none

I have the same problem, which happens when the panel fills the whole interface.

Image

ImageThe first one can't be dragged. You can reproduce this problem by using "display:none" for the first div-header in the link given by the post owner.

yanyinqing avatar Apr 15 '25 02:04 yanyinqing

Fixed in 4.2.5

mathuo avatar May 01 '25 17:05 mathuo