glenn/ua-userscripts
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

bipp-budgetcode: laat de verborgen select onzichtbaar tijdens bezig

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Glenn Goossens
2026-09-14 09:33:30 +00:00
co-authored by Claude Opus 5
parent 5ea7e78c9b
commit 6e6d6d8fc6
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scripts/bipp-budgetcode/bipp-budgetcode.user.js
+5 -4
View File
@@ -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' : '';