Grid: Layout destroyed when problems panel is focused

[bpasero]

Refs #67308

• have panel to the right
• make it large enough so that panel titles are visible
• click through elements as shown in the video
• 🐛 layout explodes at the end

//cc @joaomoreno

[sbatten]

looks like the problems pane creates a tree container offscreen (hidden behind the status bar and is the same height as the problems pane. the old layout doesn't break likely because of absolute positioning, but this may be an issue with the pane itself.

[bpasero]

☝️ @isidorn / @sandy081

[sandy081]

@sbatten Not sure what do you mean by offscreen here. Tree is properly placed inside the tree container without any absolute positioning. I do not understand how it breaks the layout.

[benrosenblum]

This occurs for me with the panel on the bottom as well.

[sbatten]

@sandy081

There are 2 divs in the problems pane. One that contains the message and another empty one of the same height. When the message pane is visible, the empty one is pushed offscreen. (really it starts at the top of the status bar after the first div). When not using grid layout, this likely doesn't break anything because we absolutely position every part and don't allow overflow to offset the workbench. However, grid layout is different and breaks due to the div that should be hidden.

[sandy081]

@sbatten So you say it happens only in grid layout? I will try it repro and see.