autocomplete suggestion is partly hidden in the editor

Question

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

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

Answer 1

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

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

Answer 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.