Large notebook text outputs can't be wrapped

[thanhph111]

Does this issue occur when all extensions are disabled?: Yes

As described in the title and the clip below will say the rest, the canvas seems overwhelmed with the output and doesn't wrap it.

Screencast.mp4

The log:

[36297:1031/112848.622152:ERROR:gl_utils.cc(314)] [.RendererMainThread-0x1414a4079800] GL_INVALID_FRAMEBUFFER_OPERATION: Draw framebuffer is incomplete

Because the lower trimmed part are wrapped, it thinks it don't have to show the scrollbar so we can't view the rest if the line is long enough. This is critical.

If we put some colors, we will see the lines overflow at the edge:

Smaller outputs are fine:

System info

Version: 1.62.0-insider
Commit: ff1e16e
Date: 2021-10-29T07:49:33.336Z
Electron: 13.5.1
Chrome: 91.0.4472.164
Node.js: 14.16.0
V8: 9.1.269.39-electron.0
OS: Linux x64 5.11.0-38-generic

I haven't got a chance to test on other OSs.

This is my test notebook: https://gist.github.com/thanhph111/b6471bfa16603e56af351447c3cd29de.

[greazer]

@rebornix, this is just a bug, but could probably be considered as part of the discussion about microsoft/vscode-jupyter#7096.

[greazer]

@thanhph111, thanks for the feedback. What are your thoughts on the current behavior, where we supply a link at the top of the output that allows you to open the output in a separate editor tab? This behavior can indirectly essentially solve problems like this.

[thanhph111]

@greazer It's definitely a good design. The issue actually doesn't stop me from doing my job. My opinion is, as you said, it's just a bug 😄 - and I just want to let you know.

[rchiodo]

@rebornix I'm taking this with the assumption you're not currently looking at it.