codemirror - テキストの前にドロップダウン リストが機能しない

Question

テキストエリアを codemirror エディターに変換しました。

ctrl-space を押すと、現在のカーソル位置で html select 要素を開き、ユーザーが select 要素からアイテムを選択してエディターに挿入できるようにします。これはすべてうまくいきます。ただし、この select 要素にアクセスできるのは、カーソルの後でのみです。つまり、エディターに 10 行のデータを入力すると、select 要素は 10 行目以降でのみ正常に機能します。10 行目より前に select 要素が開きますが、無効になっているか、アクセスできません。

これに対する解決策はありますか？

以下はサンプルコードです。

var placeCodeMirror = function (textareaEle) {
    editor = CodeMirror.fromTextArea(textareaEle, {
        lineNumbers: true,
        lineWrapping: true,
    });
    return editor;
}
$('#textareaEle').keydown(function (e) {
    if (e.ctrlKey && (e.keyCode == 13)) {
        $('#selectElementId').show();
    }
}