From 8ecc8f365b13feb7fd4f8f8e185ea0337a12f06e Mon Sep 17 00:00:00 2001
From: "Klaus Haiku 4.5" <st0ff.npl@gmail.com>
Date: Mon, 15 Jun 2026 02:49:48 +0200
Subject: [PATCH] fix(cacheView): replace datalist+input with select for enum
 cache entries

The previous implementation used <datalist> + <input type="text"> for
cache entries with a fixed set of choices (STRINGS property). The browser
filters datalist suggestions based on the current input value, making it
impossible to see all available options without first clearing the field.

Replace with a proper <select> element when choices are present:
- shows all options unfiltered when opened
- current value is pre-selected via the 'selected' attribute
- a separate .cmake-input-select class and oninput handler handles change events

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/ui/cacheView.ts | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/ui/cacheView.ts b/src/ui/cacheView.ts
index 92567f65de..f977bdb397 100644
--- a/src/ui/cacheView.ts
+++ b/src/ui/cacheView.ts
@@ -466,6 +466,9 @@ export class ConfigurationWebview {
               updateCheckboxState(checkbox);
               checkbox.onclick = () => toggleKey(checkbox);
             });
+            document.querySelectorAll('.cmake-input-select').forEach(sel => {
+                sel.oninput = () => edit(sel);
+            });
             document.querySelectorAll('.cmake-input-text').forEach(editbox => {
               validateInput(editbox)
               editbox.oninput = () => edit(editbox);
@@ -513,12 +516,14 @@ export class ConfigurationWebview {
             } else {
                 const hasChoices = option.choices.length > 0;
                 if (hasChoices) {
-                    editControls = `<datalist id="CHOICES_${id}">
-            ${option.choices.map(ch => `<option value="${escapeAttribute(ch)}">`).join()}
-          </datalist>`;
+                    editControls = `<select class="cmake-input-select select-default" id="${id}">
+                        ${option.choices.map(ch =>
+                            `<option value="${escapeAttribute(ch)}" ${ch === option.value ? 'selected' : ''}>${escapeHtml(ch)}</option>`
+                        ).join('\n')}
+                    </select>`;
+                } else {
+                    editControls = `<input class="cmake-input-text" id="${id}" value="${escapeAttribute(option.value)}" style="width: 90%;" type="text">`;
                 }
-                editControls += `<input class="cmake-input-text" id="${id}" value="${escapeAttribute(option.value)}" style="width: 90%;"
-          type="text" ${hasChoices ? `list="CHOICES_${id}"` : ''}>`;
             }
 
             return `<tr class="content-tr">