Panel extends below the visible elements, obstructing the canvas

[Evan-CTL]

Panel extends below the visible elements, obstructing the canvas

[nikolas]

I did some experimentation to resolve this, but the solution is still in progress.

We can easily set height: fit-content on the .demos-panel, which almost does what we want. But there's an issue with the objects dropdown extending past the content:

[Evan-CTL]

Didn't mean to close the issue, sorry about that. I found a lead on a possible solution.
.demos-mainview { overflow: auto; } .demos-panel { height:fit-content; overflow: visible; }
This allows scrolling --though the scroll bar isn't visible-- and it does scroll with tabbing. The one drawback is that it breaks the little widget that allows horizontal panel resize. I propose that we switch the upper right panel button that hides the panel to double as a drag tab for resizing. Something like:

• Click and drag: resizes the panel
• Double-click: Hides/Shows the panel

[nikolas]

After all my panel changes from yesterday, this bug is in fact still around. I'll have to take another look.

[drewyoungren]

I appreciate what a pesky little thing this can be. It seems there was a solution in bootstrap 4 that did not make it to 5.

https://stackoverflow.com/questions/70098157/bootstrap-5-1-3-dropdown-data-bs-boundary-no-longer-works

I just know so little about styling in general. How is it that the overflow-y seems to "know" about the absolutely-positioned dropdown-menu, but the height: fit-content doesn't?