Special Position for Autocomplete Completions

I will have a one-line Codemirror editor.
It’s a small entry. About 200 pixels long.

Can I make the Completions appear below my input field instead of where the cursor is?

Screenshot

I solved by Using css transform results in incorrect behavior · Issue #324 · codemirror/dev · GitHub

Thanks.

But now I need to listen for completions to open and close. Is there an event listener for this? How to implement it?

You can query completionStatus on state changes to find out when it opens/closes.