From 3bdc3d548265a0fa94b9be16b991df2675f60a5f Mon Sep 17 00:00:00 2001
From: newtextdoc1111 <newtextdoc1111@gmail.com>
Date: Sun, 11 May 2025 16:45:10 +0900
Subject: [PATCH] fix: Improve mousedown event listener and documentation in
 AutocompleteUI class

---
 web/js/autocomplete.js | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/web/js/autocomplete.js b/web/js/autocomplete.js
index 606b737..7c6e3e1 100644
--- a/web/js/autocomplete.js
+++ b/web/js/autocomplete.js
@@ -259,10 +259,9 @@ class AutocompleteUI {
         this.selectedIndex = -1;
         this.candidates = [];
 
-        // Add event listener for clicks on items (listen on tbody)
+        // Add event listener for clicks on items
         this.tagsList.addEventListener('mousedown', (e) => {
-            // Check if the click target is a TD inside a TR with a data-index
-            const row = e.target.closest('tr');
+            const row = e.target.closest('.autocomplete-plus-item');
             if (row && row.dataset.tag) {
                 this.#insertTag(row.dataset.tag);
                 e.preventDefault(); // Prevent focus loss from input
@@ -358,7 +357,7 @@ class AutocompleteUI {
     }
 
     /**
-     * Creates a table row (tr) for a candidate item.
+     * Creates a tag element for the autocomplete list.
      * @param {TagData} tagData
      * @param {boolean} isExisting
      */
@@ -405,7 +404,7 @@ class AutocompleteUI {
         tagRow.appendChild(alias);
         tagRow.appendChild(category);
         tagRow.appendChild(tagCount);
-        this.tagsList.appendChild(tagRow); // Append row to tbody
+        this.tagsList.appendChild(tagRow);
     }
 
     /**
@@ -500,7 +499,7 @@ class AutocompleteUI {
     #highlightItem() {
         if (!this.getSelectedTag()) return; // No valid selection
 
-        const items = this.tagsList.children; // Get rows (tr) from tbody
+        const items = this.tagsList.children; // Get rows from tbody
         for (let i = 0; i < items.length; i++) {
             if (i === this.selectedIndex) {
                 items[i].classList.add('selected'); // Use CSS class for selection