F1 / quick-open-widget rows are clipped at start

[AndersMad]

monaco-edito: v0.8.1

repro: press F1 in playground editor: the labels/rows are -margin 15px displayed/clipped

reason: class quick-open-entry has child element class row - this conflicts with bootstrap v3 since it that .row { margin-left: -15px; ... }

hack: add to page/css:

/* TEMP HACK: https://github.com/Microsoft/monaco-editor/issues/349 */
.quick-open-tree .row { margin-left: 0; }

... also bump: #70 "widget does not display in small height/single line editors", thanks 🙏

[palamccc]

It even happens in https://microsoft.github.io/monaco-editor/

[olane]

Getting the same issue, thanks for the workaround (which worked perfectly).

[alexdima]

This is not an issue when loading the editor in a clean (no other css) page:

I believe the CSS from bootstrap has a class selector for ".row"

[alexdima]

@joaomoreno We could workaround this on our side by using monaco-row or some other class name than row on our side in the tree.

[AndersMad]

yes, as I said its a bootstrap (only) conflict - but I suggest that all monoco css class names should be prefixed with monaco- to avoid any conflicts (and bs should have had bs prefix - but it ain't so)

[joaomoreno]

The row is now monaco-tree-row!