fix: select tail of wrapped line was too difficult

see https://scrapbox.io/kuuote/%E5%B9%B3%E6%96%B9%E3%83%A6%E3%83%BC%E3%82%AF%E3%83%AA%E3%83%83%E3%83%89%E8%B7%9D%E9%9B%A2%E3%81%AB%E3%82%88%E3%82%8B%E5%88%86%E5%89%B2span%E3%81%AE%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E4%BD%8D%E7%BD%AE%E7%AE%97%E5%87%BA

src/line.tsx

@@ -29,29 +29,32 @@ export function positionFromElement(
     console.log("isNaN(lineIndex)");
     return defaultPosition;
   }
-  // lineIndexでチェックは済ませてるのでアサーションする
-  const chars = Array.from(line!.getElementsByClassName("char-index"))
+  // 行の全文字を取得、ターゲット地点との平方ユークリッド距離を算出
+  // 近い順に並び換える(後でminbyに変える)
+  const chars = Array.from(line?.getElementsByClassName("char-index") ?? [])
+    .filter((element) => !element.className.includes("dummy"))
     .map((element) => {
       const rect = element.getBoundingClientRect();
       const medX = rect.left + (rect.width / 2);
       const medY = rect.top + (rect.height / 2);
       const distance = Math.pow(clientX - medX, 2) +
         Math.pow(clientY - medY, 2);
-      return { element, distance, medX };
+      return { element, distance, rect, medX };
     })
     .sort((a, b) => a.distance - b.distance);
-  if (chars.length === 0) {
-    return defaultPosition;
-  }
-  const char = chars[0];
-  // Must always zero index if empty line
-  // see line.tsx
-  if (char.element.className.includes("dummy")) {
+
+  // ターゲット地点より右下に要素の底及び端が無い場所を末尾と規定する
+  // 距離だけを見ているため単純にやると折り返し前の要素に反応してしまう
+  const tail =
+    chars.find(({ rect }) => clientX < rect.right && clientY < rect.bottom) ==
+      null;
+  if (tail) {
     return {
       line: lineIndex,
-      column: 0,
+      column: chars.length,
     };
   }
+  const char = chars[0];
   const charMatch = char.element.className.match(/c-(\d+)/);
   const charIndex = parseInt(String(charMatch?.[1]));
   if (isNaN(charIndex)) {