jupyter HBox/VBox widget broken

[haraldschilly]

The widget produced by this code in cocalc's jupyter doesn't look ok. The buttons suddenly overlap, certainly when you click on one of them. This did work, although I can't remember exactly how it should layout. The snippet is probably from the official docs.

from ipywidgets import Button, HBox, VBox

words = ['correct', 'horse', 'battery', 'staple']
items = [Button(description=w) for w in words]
left_box = VBox([items[0], items[1]])
right_box = VBox([items[2], items[3]])
HBox([left_box, right_box])

it happens with FF and Chrome.

[jasongrout]

It is from the official docs: https://ipywidgets.readthedocs.io/en/stable/examples/Widget%20Styling.html#Natural-sizes,-and-arrangements-using-HBox-and-VBox

[williamstein]

Still broken in prod, but #7687 fixes this:

[williamstein]

Now fixed!