カーソル行の座標と文字列の座標を表示するテスト

code:script.js

import {suggestWindow} from '/api/code/takker/suggestWindow/script.js';

const suggestion=new suggestWindow();

suggestion.editor.addEventListener('keyup',() => {

const text = line.textContent;

ちゃんと別々にマッチする

code:script.js

if(matches.length == 0) {

suggestion.close();

return;

}

const cursor = document.getElementById('text-input');

...matches

.map(match => {

const cursorLine = suggestion.editor

const start = cursorLine

// '['の内側にカーソルが入ったときの座標

// i.e. '/'の左端の座標

const startLeft = start.offsetLeft;

const startLeft2 = start.getBoundingClientRect().left - cursorLine.getBoundingClientRect().left;

const startChar = start.textContent;

const end = cursorLine

const endLeft = end.offsetLeft;

const endLeft2 = end.getBoundingClientRect().left - cursorLine.getBoundingClientRect().left;

const endChar = end.textContent;

// firefox調査用

})];

ちょっとずれる？

↑の２つ目の括弧のはじめの部分の座標が合わない

まあ、括弧の外で補完判定されるわけではないので構わないか？

取得できる文字を確認してみる

原因(推測)

一つ上の親要素を基準にしている

code:script.js

suggestion.open();

suggestion.updateItems(list.map(item => {

const div = document.createElement('div');

div.textContent = item;

return div;

}));

suggestion.reDraw(cursor);

});