@nevescloud/pip 3.4.0 → 3.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nevescloud/pip",
-  "version": "3.4.0",
+  "version": "3.4.1",
   "description": "Floating assistant bubble + panel + chat runtime. ESM, no build.",
   "type": "module",
   "main": "pip-core.esm.js",

package/pip-core.esm.js

@@ -2039,10 +2039,11 @@ export function createPip(opts = {}) {
     slashList.innerHTML = "";
     if (!slashCurrent.length) { slashList.hidden = true; scroll.classList.remove("is-backdrop"); return; }
     scroll.classList.add("is-backdrop");
+    let selectedLi = null;
     slashCurrent.forEach((item, i) => {
       const li = document.createElement("li");
       li.setAttribute("role", "option");
-      if (i === slashSelected) li.classList.add("selected");
+      if (i === slashSelected) { li.classList.add("selected"); selectedLi = li; }
       const name = document.createElement("span");
       name.className = "name";
       name.textContent = item.isArg ? item.name : `/${item.name}`;
@@ -2054,10 +2055,12 @@ export function createPip(opts = {}) {
         li.appendChild(desc);
       }
       // Mouse hover promotes the row to the keyboard selection so Enter
-      // and arrow keys always agree with the visible highlight. Without
-      // this, hover and keyboard-cursor can land on different rows and
-      // the user can't predict which one Enter will pick.
-      li.addEventListener("mouseenter", () => {
+      // and arrow keys agree with the visible highlight. Listen on
+      // mousemove (not mouseenter) so a stationary cursor doesn't grab
+      // selection when the keyboard scrolls a new row under it — the
+      // re-render replaces the DOM, which would re-fire mouseenter on
+      // the new element under the cursor and undo the arrow keypress.
+      li.addEventListener("mousemove", () => {
         if (slashSelected === i) return;
         slashSelected = i;
         for (const sib of slashList.children) sib.classList.remove("selected");
@@ -2071,6 +2074,10 @@ export function createPip(opts = {}) {
       slashList.appendChild(li);
     });
     slashList.hidden = false;
+    // Keep the keyboard-driven selection in view. block:"nearest" only
+    // scrolls when the selected row is actually clipped — no jarring
+    // re-center when it's already visible.
+    selectedLi?.scrollIntoView({ block: "nearest" });
   }
 
   function closeSlashSuggest() {