Skip to content

When adding multiple panels side by side with a minimum width, panels are pushed off-screen. #1030

@hellypatel2

Description

@hellypatel2

Description:
When I set a minimum width for a panel and then add multiple panels side by side, eventually the dock container becomes full. At that point, opening new panels or dragging/splitting existing panels pushes them off-screen, making them inaccessible. This happens even though each panel respects its minimum width.

Steps to Reproduce:

  1. Set a minimum width for panels in Dockview (e.g., 296px).
  2. Add multiple panels side by side until the dock container is full.
  3. Try opening or dragging another panel to split beside an existing panel.

Expected Behavior:

  • Panels should remain fully visible and not be pushed off-screen.
  • The Dockview container should not rely on scrolling to handle overflow.

We’re using Dockview’s split-view/grid-view layout with the following container styles:

.dv-split-view-container {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

When panels are added using the API, each panel is given a minimum width:

api?.addPanel({
  minimumWidth: 296,
});
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions