Render autocomplete outside of editor container

v6
1

Is there a way to render the autocomplete list in a different DOM element, like document.body?

I’ve set overflow: hidden on .cm-editor so that I can get browser resizing:

"&.cm-editor": {
    resize: "vertical",
    overflow: "hidden",
  },

But that makes the autocomplete clipped because I have a code mirror instance that starts at 1 row and grows.

Is it possible to move the autocomplete dom element out of the cm-editor element?

I guess another approach would be to detect when the autocomplete list is open and remove the overflow: hidden.

2

You can configure tooltips() to do this, but that will affect all tooltips.

3

Ah great, I’ll take a look at that. Thanks

FWIW, I have it toggling the overflow in CSS like this:

  "&.cm-editor": {
    resize: "vertical",
    overflow: "hidden",
  },
  "&.cm-editor:has(.cm-tooltip-autocomplete)": {
    overflow: "visible",
  },