expanded HTML repr when opening notebook

[dcherian]

When I open a notebook, the new HTML repr is "expanded":

I'm running

jupyter core     : 4.6.3
jupyter-notebook : 6.0.3
qtconsole        : 4.7.2
ipython          : 7.13.0
ipykernel        : 5.2.0
jupyter client   : 6.1.2
jupyter lab      : 2.1.0
nbconvert        : 5.6.1
ipywidgets       : 7.5.1
nbformat         : 5.0.4
traitlets        : 4.3.3

and see this behaviour with both the notebook and jupyterlab interface; on both chrome and firefox (both on linux).

Is anyone else seeing this?

[aaronspring]

me too on Firefox linux

[jkmacc-LANL]

Same here, Firefox on a Mac.

[dcherian]

Maybe @jsignell can help fix this.

[jsignell]

Yeah I can take a look now.

[jsignell]

I can't reproduce:

Tried on chrome and firefox on linux. Can you inspect the element in your browser console and see if there is a <style></style> section for the repr? It seems like that might not be getting in properly

[dcherian]

Thanks for taking a look @jsignell. Here are some notes I made while trying to reproduce.

1. I cannot reproduce at all locally with the same browsers. This problem may only occur with ssh tunneling. I tunnel to a remote machine; start a jupyter server; and then connect through a tunnel to that server. The next two points are about the remote notebook.

2. Looks like there is no style attribute (this is from an older notebook with the problem)
   

There are two output cells with reprs, both of which are not styled correctly.

3. Now I run the first cell.
   

The first cell looks right (and has a style attribute). The second one has auto-updated and looks OK but is missing the style attribute, as well as the click-to-show-data-values functionality.

This "auto updating" behaviour is new i.e. wasn't happening last week. I'm on chrome 81 now so maybe all of this is just browser weirdness?

[jsignell]

Huh and if you re-run cell 69 does it render correctly? I'm on chrome 80, but if you were seeing this in firefox as well it seems like it's more likely to be a jupyterlab thing.

[jsignell]

It seems like the auto-update thing works for css, but not for icons.

[dcherian]

Yes the repr works perfectly when re-running these cells. The issue here is when I open an existing notebook with reprs in output cells.

I am on firefox beta :/ but yes it could be a jupyterlab thing.

[jsignell]

Does it seem possible that you had originally run it in jlab and then opened it in notebook or vice versa? I've seen html output get kind of messed up under those conditions, but I've never really stopped to debug it thoroughly.

[dcherian]

oh yes that is quite likely.

[jsignell]

Hmm. Ok. I'm still not sure why the html would get messed up under that scenario though.

[benbovy]

Might be explained by #1820 (comment) ?

[jsignell]

Yes that seems like the explanation. Thanks @benbovy! I would expect dask to have the same behavior then since they pass in the style tag in the same way.

[benbovy]

Maybe we could use some sort of hack with HTML hidden attribute and some CSS, in order to show the plain text repr when CSS is not injected... Not ideal but at least it would be better than the HTML repr shown without CSS style.

[shoyer]

I’ve seen similar issues with the seeing unformatted CSS in notebooks on Github. I do think some sort of fallback to pure text mode would be great if we could make it work...