fix(editor): der Sperr-Dialog wählt das andere Dokument im Aufklapp-Feld — die Knopfliste quetschte ihre Beschriftungen ineinander

Gemeldet aus der produktiven Instanz: „die Buttons mit den anderen
Dokumenten überlappen sich und sind unleserlich". Ursache ist eine
Flexbox-Falle, nicht die Zahl der Dokumente: Die Liste war ein
flex-Spaltenkasten mit max-height 9rem, und ihre Knöpfe tragen serienmäßig
flex-shrink 1 — statt zu scrollen, schrumpfte der Kasten sie unter ihre
eigene Textzeile. Nachgemessen bei acht Dokumenten: 14,5 px Kastenhöhe
gegen 32 px Inhalt, 17,5 px Überstand je Knopf bei 4 px Abstand.

Statt der naheliegenden Reparatur (flex-shrink 0, dann scrollt die Liste)
das vom Nutzer gewählte Aufklapp-Feld: eine Zeile hoch, unabhängig von der
Anzahl — der Dialog steckt im Editor-Panel und ist dort ohnehin knapp. Die
Kopfzeile ist jetzt ein echtes <label for>, der Platzhalter ein Strich,
die Auswahl schaltet sofort um (dieselbe Ein-Klick-Geste wie der Knopf).
Kein neuer i18n-Schlüssel.

Nachgemessen: Feld 36 px, kein Überstand, Karte 364 -> 256 px; Auswahl
schaltet um, Dialog schließt, Textfeld wird beschreibbar. D94-Nachtrag und
CHANGELOG nachgezogen; 666 Tests grün.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

frontend/src/app.js

@@ -207,27 +207,35 @@ function enterLockDialog(id){
   ov.className = 'lockdlg-overlay';
   ov.innerHTML = '<div class="lockdlg" role="alertdialog" aria-modal="false">' +
     '<h2></h2><p></p>' +
-    '<div class="lockdlg-listhead"></div><div class="lockdlg-list" role="listbox"></div>' +
+    '<label class="lockdlg-listhead" for="lockdlgPick"></label>' +
+    '<select class="lockdlg-pick" id="lockdlgPick"></select>' +
     '<div class="lockdlg-btns">' +
     '<button type="button" class="lockdlg-view"></button>' +
     '<button type="button" class="lockdlg-edit"></button></div></div>';
   ov.querySelector('h2').textContent = t('docLockTitle', {name: d.name});
   ov.querySelector('p').textContent = t('docLockText');
   const kopf = ov.querySelector('.lockdlg-listhead');
-  const liste = ov.querySelector('.lockdlg-list');
+  const wahl = ov.querySelector('.lockdlg-pick');
   const andere = docs.filter(x => x.id !== id);
+  /* Ein Aufklapp-Feld statt einer Knopfliste: Die Liste wuchs mit der Zahl
+     der Dokumente, und in ihrem gedeckelten Kasten schrumpften die Knöpfe
+     (flex-shrink) unter ihre Textzeile — gemessen 14,5 px Kasten gegen
+     32 px Inhalt, also lief die Beschriftung in die nächste hinein. Ein
+     Aufklapp-Feld ist immer eine Zeile hoch, unabhängig von der Anzahl,
+     und die Auswahl ist die vertraute Geste dafür. */
   if(andere.length){
     kopf.textContent = t('docLockOpenOther');
+    const leer = document.createElement('option');
+    leer.value = ''; leer.textContent = '—'; leer.selected = true; leer.disabled = true;
+    wahl.appendChild(leer);
     for(const x of andere){
-      const b = document.createElement('button');
-      b.type = 'button';
-      b.className = 'lockdlg-doc';
-      b.setAttribute('role', 'option');
-      b.textContent = x.name;
-      b.addEventListener('click', () => switchDoc(x.id));
-      liste.appendChild(b);
+      const o = document.createElement('option');
+      o.value = x.id;
+      o.textContent = x.name;
+      wahl.appendChild(o);
     }
-  } else { kopf.hidden = true; liste.hidden = true; }
+    wahl.addEventListener('change', () => { if(wahl.value) switchDoc(wahl.value); });
+  } else { kopf.hidden = true; wahl.hidden = true; }
   const ansehen = ov.querySelector('.lockdlg-view');
   const trotzdem = ov.querySelector('.lockdlg-edit');
   ansehen.textContent = t('docLockViewOnly');

frontend/src/style.css

@@ -1734,14 +1734,16 @@
 }
 .lockdlg h2{margin:0 0 10px;font-size:1.05rem;color:var(--line)}
 .lockdlg p{margin:0 0 12px;line-height:1.45}
-.lockdlg-listhead{font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
-.lockdlg-list{display:flex;flex-direction:column;gap:4px;max-height:9rem;overflow-y:auto;margin:0 0 14px}
-.lockdlg-doc{
-  text-align:left;padding:6px 10px;font:inherit;cursor:pointer;
-  border:1px solid rgba(36,52,71,.3);border-radius:7px;background:none;color:var(--ink);
-  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
+.lockdlg-listhead{display:block;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}
+/* Aufklapp-Feld statt Knopfliste: eine Zeile hoch, egal wie viele Dokumente
+   es gibt — die Liste schrumpfte ihre Knöpfe sonst unter deren eigene
+   Textzeile (D94-Nachtrag). */
+.lockdlg-pick{
+  display:block;width:100%;max-width:100%;box-sizing:border-box;margin:0 0 14px;
+  padding:6px 10px;font:inherit;cursor:pointer;
+  border:1px solid rgba(36,52,71,.3);border-radius:7px;background:var(--paper);color:var(--ink);
 }
-.lockdlg-doc:hover{border-color:var(--or)}
+.lockdlg-pick:hover{border-color:var(--or)}
 .lockdlg-btns{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
 .lockdlg-btns button{
   padding:7px 14px;border-radius:7px;font:inherit;cursor:pointer;