"Create new view for output" in jupyter lab 4.0.0 not working as before

[faisalalnasser13]

When I create a new view for output with multiple plots and print commands produced in a loop. The output window only shows print commands and not plots. I downgraded it to 3.6.0 and it works properly. I'm using Chrome.

[welcome]

Thank you for opening your first issue in this project! Engagement like this is essential for open source projects! 🤗

If you haven't done so already, check out Jupyter's Code of Conduct. Also, please try to follow the issue template as it helps other other community members to contribute more effectively.

You can meet the other Jovyans by joining our Discourse forum. There is also an intro thread there where you can stop by and say Hi! 👋

Welcome to the Jupyter community! 🎉

[tzeitim]

I have the same issue and can confirm that is specific to jupyter lab 4.

Old behavior

New behavior

[krassowski]

This appears to be a side-effect of #11508 (CC @SylvainCorlay).

The outputs are there, just off screen because of these CSS rules:

jupyterlab/packages/outputarea/style/base.css

Lines 51 to 53 in 94a27fb

	.jp-OutputArea-output {
	display: table-cell;
	width: 100%;

this makes the text output occupy 100% of the screen leaving no space to show the image output.

The problem may be cause by jp-LinkedOutputView panel not implementing the full hierarchy of output area as shown in #11508 (comment) (it only has jp-OutputArea but not jp-OutputArea-child nor jp-InputPrompt which defines rows).

[ghost]

Should I stay with jupyterlab 3 for now?
Can you please suggest a CSS override to make a jupyterlab 4 extension display output views?
Thank you!