The background of main interface became grey.

[tengyuntian]

Issue Type: Bug

I am using Jupyter Notebook in VS code. When I wheeled down the interface, it became grey. It happened before. Cannot see any pics clearly.

VS Code version: Code 1.69.1 (b06ae3b, 2022-07-12T08:21:24.514Z)
OS version: Windows_NT x64 10.0.19044
Restricted Mode: No

System Info

Item	Value
CPUs	Intel(R) Core(TM) i7-8700 CPU @ 3.20GHz (12 x 3192)
GPU Status	2d_canvas: enabled canvas_oop_rasterization: disabled_off direct_rendering_display_compositor: disabled_off_ok gpu_compositing: enabled multiple_raster_threads: enabled_on opengl: enabled_on rasterization: enabled raw_draw: disabled_off_ok skia_renderer: enabled_on video_decode: enabled video_encode: enabled vulkan: disabled_off webgl: enabled webgl2: enabled
Load (avg)	undefined
Memory (System)	31.80GB (21.36GB free)
Process Argv	--crash-reporter-id 1c7786f7-3567-42d0-bd46-6060e36fc1d0
Screen Reader	no
VM	0%

Extensions (7)

Extension	Author (truncated)	Version
copilot	Git	1.31.6194
python	ms-	2022.10.0
vscode-pylance	ms-	2022.7.30
jupyter	ms-	2022.6.1101950301
jupyter-keymap	ms-	1.0.0
jupyter-renderers	ms-	1.0.8
cpptools	ms-	1.10.8

(2 theme extensions excluded)

A/B Experiments

vsliv368cf:30146710
vsreu685:30147344
python383:30185418
vspor879:30202332
vspor708:30202333
vspor363:30204092
vslsvsres303:30308271
pythonvspyl392:30443607
vserr242cf:30382550
pythontb:30283811
vsjup518:30340749
pythonvspyt551cf:30345471
pythonptprofiler:30281270
vshan820:30294714
vstes263:30335439
pythondataviewer:30285071
vscod805cf:30301675
binariesv615:30325510
bridge0708:30335490
bridge0723:30353136
vsaa593:30376534
vsc1dst:30438360
pythonvs932:30410667
wslgetstarted:30449410
vscscmwlcmt:30465135
cppdebug:30492333
vsclangdf:30486550

[rebornix]

@tengyuntian can you please share a screenshot of what you were seeing?

[tengyuntian]

This happens again. The screenshot is attached.

[tjex]

similar to my issue, but not identical behavior: #155820

[tengyuntian]

Happened again. As the pic shows. I have to restart the .ipynb script.

[rebornix]

@tengyuntian does it happen all the time or it only happens when you run some cells which emit rich outputs (with widgets)?

[tengyuntian]

@tengyuntian does it happen all the time or it only happens when you run some cells which emit rich outputs (with widgets)?

It happened when I run cells with huge outputs. Also, it will happen sometimes when my ipynb is too long.

[rebornix]

@tengyuntian thanks, that's really helpful. Would it make sense to provide a code snippet that get your VS Code into this state and share with us?

[tengyuntian]

@tengyuntian thanks, that's really helpful. Would it make sense to provide a code snippet that get your VS Code into this state and share with us?

My script is growing longer, and the data need to be processed is becoming larger and larger with my research going on. So the "grey background" problems happen more and more often. I have to close the Jupyter Notebook and open it again to eliminate it. But this action results in longer waiting time for re-running all functions and importing all data. I think the key problem is that the amount of data is too large. The data is in .txt format. I have over 30 txt files with a total number of lines over 1 million. And they will be plotted into hundreds of plots to show the experimental results.

[tengyuntian]

I found that every time it is running hard and has no responding, if I scroll the interface up/down, it will crash and the background becomes grey, and all the outputs are hidden in the grey.

[tengyuntian]

[tengyuntian]

Is there anything I can do to avoid this? Every time I open a notebook with heavy data outputs, it will become grey and sometimes not responding. When it becomes grey, I cannot see or select any output and I have to re-open and re-run everything, then it happens again.

[kevindany]

I am running into the same issue these days again and again, is there any workaround to figure it out? I cannot do anything if I work with the visual studio code, help

[kelleyjbrady]

I am also experiencing this issue. VSCode+Jupyter is completely unusable.

[kelleyjbrady]

@kevindany, @tengyuntian I was able to resolve this by exporting my .ipynb to a .py file, then converting the .py file back into a .ipynb.

1. Open the problem .ipynb
2. CTRL+SHIFT+P
3. Select Jupyter: Convert to Python Script
4. Open the .py file
5. Right click whitespace in the file and select Export Current File as Jupyter Notebook

Bonus points, you should be able to use git mv to carry over the versioning from the problematic file to the reconstituted one. (Rename the broken file to literally anything, then rename the reconstituted file to be same as the broken file's original name using git mv)

[kevindany]

@kevindany, @tengyuntian I was able to resolve this by exporting my .ipynb to a .py file, then converting the .py file back into a .ipynb.

1. Open the problem .ipynb
2. CTRL+SHIFT+P
3. Select Jupyter: Convert to Python Script
4. Open the .py file
5. Right click whitespace in the file and select Export Current File as Jupyter Notebook

Bonus points, you should be able to use git mv to carry over the versioning from the problematic file to the reconstituted one. (Rename the broken file to literally anything, then rename the reconstituted file to be same as the broken file's original name using git mv)

It does not work :-(, it grays again

[sdspieg]

Same problem here. Also with a longish ipynb file. Surely there MUST be a way to solve this?

[gl2324]

I also have the same problem. When I create plotly Figures that contain a lot of data vscode crashes in the behaviour described in the previous comments. Hopefully there is a solution soon

[arebs23]

i also have a similar problem

[alec42]

me too

[rednag]

I have the same issue. When I run my code in Jupyter Notebook I'm getting the following error -> how can I solve the problem for VSCode?

[wuzhonglijz]

Same problem here. Only installed python and jupyter plugins.

[misterspeedy]

Same problem here. Triggering code is below. Below about 20,000 data points it's fine. Above that it'll eventually "grey screen".

• Plotly.NET, 4.2.0
• Plotly.NET.Interactive, 4.2.1

open Plotly.NET
open Plotly.NET.TraceObjects
open Plotly.NET.LayoutObjects

let mapCentre = 
    exceedances
    |> Seq.averageBy (fun m -> m.Position.Longitude),
    exceedances
    |> Seq.averageBy (fun m -> m.Position.Latitude)

clusters
|> Seq.map (fun cluster -> 
    let coordsAsTuples =
        cluster.Exceedances
        // Mapbox assumes a Lon, Lat convention:
        |> Seq.map (fun ex -> ex.Position.Longitude, ex.Position.Latitude)
    Chart.PointMapbox(coordsAsTuples, Name=cluster.Id))
|> Chart.combine
|> Chart.withSize(1200, 800)
|> Chart.withMarkerStyle(Size=10)
|> Chart.withMarginSize(Left=0,Right=0,Top=30,Bottom=0)
|> Chart.withTitle("Clusters")
|> Chart.withMapbox(Mapbox.init(Style=StyleParam.MapboxStyle.OpenStreetMap, Center=mapCentre, Zoom=12.))

[starball5]

Related on Stack Overflow:

• Jupyter notebook executions turn grey in Visual studio code
• My cell output in VSCode when running a Jupyter Notebook are all gray and I can't fix it
• VS Code Jupyter Notebooks are not working, background is turning grey, and I cannot see the output

Potentially related on r/vscode: https://www.reddit.com/r/vscode/comments/17kg5sg/help_with_ipynb_files/

[MariamMahmoud11]

In my case : i was using pd.read_csv(file,low_memory=False) and when i removed the low_memory and restarted and cleared all outputs the grey boxes dissapeared

[obrooks-quest]

Does everyone having this issue have the copilot extension?

Anecdotal, but his wasn't happening for me until I installed it. My only workaround has been to create a new notebook.

[aatj887]

I do not have it and still happens to me.