'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 1:[1]

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

Solution 2:[2]

That's not possible. The div holding the suggestions is a child of the top level monaco host and hence cannot show outside, without affecting the scrolling behavior of the editor.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 dina
Solution 2 Mike Lischke