retype icon indicating copy to clipboard operation
retype copied to clipboard

Panels do not properly resize for tabs that contain extra content

Open xyeLz opened this issue 2 years ago • 1 comments

Panels do not appear to be properly sized (or do not properly resize themselves) for tabs that contain content that should result in the panel being larger. For example, this panel contains two tabs. The first tab displays the content and the included alert properly:

looksgood looksbad

However, when I select the second tab, the content within it is pushed down into the other conjoined panel and is no longer visible. This appears to be a bug. Either the panel needs to be appropriately sized for both tabs up front (which could result in some viewability issues) or the panel needs to dynamically grow when the other tab is selected.

After further testing, it seems the overall panel is sized based on the opened tab and not all tabs holistically. Since in most cases, when you first visit a page, the default tab is the tab on the far left, that's the tab that's used to size the panel; however, if you actually select the second tab, close the panel, and re-open it, the panel is properly sized for that specific tab now:

openandclose

It does not matter if the panels are conjoined or not. That is, it does not matter if you are doing:

==- My content
Inside content
==-

or if you are doing

==- My content
Inside content
==- More content
Stuff
==-

The issue persists even if the panel is separate:

good bad

xyeLz avatar Aug 18 '22 20:08 xyeLz

I'm having the same problem, too.

I suppose this hasn't been fixed yet.

However, it is very nice to know there is a workaround by selecting the tab, then closing and opening the panel.

JoelMTaylor avatar Feb 06 '24 02:02 JoelMTaylor