From 6e6d6d8fc6a435f478563c080c21aca0fee46a68 Mon Sep 17 00:00:00 2001 From: Glenn Goossens <48956933+glgoose@users.noreply.github.com> Date: Mon, 14 Sep 2026 09:33:30 +0000 Subject: [PATCH] bipp-budgetcode: laat de verborgen select onzichtbaar tijdens bezig select-search houdt het originele select-element in leven voor de form submit en verbergt het met opacity 0 onder de wrapper. setState kopieerde de wrapper-opacity daarnaartoe, dus tijdens bezig stonden beide op 0.5 en schijnde de select door de wrapper heen: de dropdowntekst stond dubbel. Co-Authored-By: Claude Opus 5 --- scripts/bipp-budgetcode/bipp-budgetcode.user.js | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/scripts/bipp-budgetcode/bipp-budgetcode.user.js b/scripts/bipp-budgetcode/bipp-budgetcode.user.js index 346b84c..2600e0a 100644 --- a/scripts/bipp-budgetcode/bipp-budgetcode.user.js +++ b/scripts/bipp-budgetcode/bipp-budgetcode.user.js @@ -401,11 +401,12 @@ // legt een eigen invoerveld over de dropdown dat daar niet in meegaat. target.style.opacity = state === 'bezig' ? '0.5' : '1'; target.style.pointerEvents = state === 'bezig' ? 'none' : ''; - // select-search kan de wrapper tussen twee toestanden door aanmaken. Zet het grijs dus - // op allebei, anders blijft de select eronder half doorzichtig staan. + // De originele select ligt na verrijking absoluut onder de wrapper met opacity 0 + // (select-search.js:260). Die opacity mag hier niet mee veranderen: zodra de wrapper + // half doorzichtig wordt, schijnt de select eronder mee door en staat de tekst dubbel. if (u.select && u.select !== target) { - u.select.style.opacity = target.style.opacity; - u.select.style.pointerEvents = target.style.pointerEvents; + u.select.style.opacity = '0'; + u.select.style.pointerEvents = 'none'; } if (u.select) { u.select.style.outline = state === 'fout' ? '1.5px solid #c33' : '';