dockview icon indicating copy to clipboard operation
dockview copied to clipboard

Dockview never auto-resizes to smaller height in flex layout

Open artaommahe opened this issue 1 year ago • 3 comments

Describe the bug

Dockview has an auto-resize feature, but it doesn't work if the new height should be smaller than the previous one inside flex layout.

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://stackblitz.com/edit/dockview-resize-issue?file=src%2FApp.tsx
  2. Make the window's height smaller
  3. See vertical scrollbar, div.dv-dockview height remains the same

Expected behavior

.dv-dockview should change its size to the smaller one

Screenshots

-

Desktop (please complete the following information):

  • Browser: Chrome
  • Version: Version 121.0.6167.139 (Official Build) (arm64)

Additional context

(btw docs for the auto-resizing feature are missed. There is this statement in the docs Read about auto-resizing before using, but nothing about auto-resizing anywhere)

artaommahe avatar Feb 05 '24 11:02 artaommahe

Thanks for repo. If you place overflow: hidden on the .content class then I believe your example auto-sizes the dock correctly?

mathuo avatar Feb 08 '24 19:02 mathuo

@mathuo nope, only the scrollbar is removed, but the panel's height is still bigger than the new window height

artaommahe avatar Feb 09 '24 14:02 artaommahe

Is this still an issue or been fixed since? The overflow: hidden fixed it for me, and also seems to have fixed it in your stackblitz link.

@artaommahe .

mcapodici avatar Jun 29 '24 14:06 mcapodici