First tab does not drag-drop when there is not enough space above the dockview area
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:
- Go to https://dockview.dev/templates/dockview/basic/typescript/index.html
- Go to 'Inspect' in the developer tools
- Set 'display: none' as the style for the header
- Try to drag Panel 1 - it won't drag anymore
- 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)
More info:
- It seems to be possible to drag the first panel by placing the mouse a little below the title
- Even with the header visible the first panel is not draggable if the header height is < 10px approximately
Which element are you setting display: none on?
Which element are you setting on?
display: none
I have the same problem, which happens when the panel fills the whole interface.
Which element are you setting on?
display: noneI have the same problem, which happens when the panel fills the whole interface.
![]()
The 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.
Fixed in 4.2.5