select-search: muis verzet de selectie, en Delete haalt een regel uit haar groep
De blauwe balk werd alleen door de pijltjes verzet: er was een li.active-stijl maar geen enkele hover- of mousemove-handler, dus wie met de muis over de lijst ging stond nergens op. Nu verzet mousemove dezelfde active-regel als het toetsenbord. Bewust geen mouseover, want een stilliggende muis boven de lijst zou dan de pijltjes blijven tegenwerken. Daarbovenop een generiek haakje om suggesties op te ruimen, zoals de adresbalk van een browser dat doet. Een optie of optgroup met data-removable is met Delete te wissen: het script haalt zelf niets weg maar stuurt een select-search:remove-event met value, label en index, en wie de lijst bezit past de opties aan. Geen kruisje per regel: dat neemt plek in en wie met de muis op een regel staat wil die kiezen, niet weggooien. Delete vuurt alleen zolang er niets getypt is, anders blijft het een gewone teksttoets. Die vraag werd eerst met input.value beantwoord, en dat is niet de zoekterm: bij een open lijst zonder typwerk staat daar het gekozen label in, geselecteerd en klaar om over te typen. Delete deed dus niets in precies de gewone situatie. De zoekterm zit nu in een eigen variabele, en die lost hetzelfde stille probleem op in resync, die de open lijst zou dichtfilteren op een label dat de gebruiker nooit intypte. Na een herbouw van de opties blijft de balk staan waar hij stond, geklemd op de laatste regel, zodat je meerdere regels achter elkaar kan wissen. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Opus 5
parent
6b473c6261
commit
05a37f31ce
@@ -1,7 +1,7 @@
|
||||
// ==UserScript==
|
||||
// @name Doorzoekbare dropdowns (select-search)
|
||||
// @name BIPP: doorzoekbare dropdowns
|
||||
// @namespace https://github.com/glgoose/ua-userscripts
|
||||
// @version 1.2.0
|
||||
// @version 1.5.0
|
||||
// @description Geeft elke <select> met veel opties een zoekveld met substring-zoeken.
|
||||
// @author glgoose
|
||||
// @license GPL-3.0-or-later
|
||||
|
||||
Reference in New Issue
Block a user