Search code examples
monaco-editor

autocomplete suggestion is partly hidden in the editor

I am using monaco for creating an expression one line input, here is how the autocomplete suggestion looks like enter image description here

How can I configure the suggestion box to float above the editor, and not be partly hidden? note: I do not want to increase the height of the editor - it is a one line editor

Solution

  • I managed to get the autocomplete suggestion pop out of the editor

    enter image description here The reason the autocomplete popup was hidden was since I used the ember-monaco package which wraps the monaco component with Iframe
    I had to use monaco-editor package directly using the answer here