[🐞] Playground REPL panels disappear if there's a (long enough) SSR error

[kamranayub]

Which component is affected?

Qwik Playground

Describe the bug

I am recording a clip where I showcase how serialization boundaries work and Playground lets me show the diagnostics side-by-side so it's pretty handy.

The Problem

If I trigger a QRL serialization error, the REPL output/console panels "disappear" but what's actually happening is I think the SSR output becomes too long and pushes the "available space" for the REPL CSS Grid so that dividing it into 3 regions (1fr 1fr 1fr) just makes it so the input panel takes up visible screen space, and the actual grid extends beyond the viewport.

On desktop size

If I resize to mobile size

I can see the tabs on mobile screen size properly

What I Expect

The size of the output/console should not affect panel positioning and the REPL should all appear within the viewport.

Reproduction

https://qwik.dev/examples/introduction/hello-world/#f=Q0o0RubmNEk0kBBIL0pNLQG1AIChACqbrKAtAogyBbDDoIGSAPawjoJKNUhhbYI1SLaWC2oUrEaHGaihDinI1DWBPkIkUUgrBVE5V0MchN0EoBqgo4Em1Nq5gwThjRxwwh5N10MvXQMA

Steps to reproduce

No response

System Info

Arc 1.64.0
Chromium 138

Additional Information

Workaround

I can constrain the rows in pixels so it forces things to conform to my recording screen size but obviously this isn't the root cause fix.