helios/rooms
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix wa-select event: use change instead of wa-change

Browse Source
This commit is contained in:
Ian Gulliver
2026-02-15 22:18:02 -08:00
parent f111173f92
commit 152bc6d4bb
1 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
static/trip.js
View File

@@ -432,18 +432,21 @@ async function loadStudents() {
levelSelect.value = 'student'; levelSelect.value = 'student';
const kindSelect = document.createElement('wa-select'); const kindSelect = document.createElement('wa-select');
kindSelect.size = 'small'; kindSelect.size = 'small';
const updateKinds = (level) => { const updateKinds = async (level) => {
kindSelect.querySelectorAll('wa-option').forEach(o => o.remove()); kindSelect.innerHTML = '';
for (const kind of levelKinds[level]) { for (const kind of levelKinds[level]) {
const opt = document.createElement('wa-option'); const opt = document.createElement('wa-option');
opt.value = kind; opt.value = kind;
opt.textContent = kindLabels[kind]; opt.textContent = kindLabels[kind];
kindSelect.appendChild(opt); kindSelect.appendChild(opt);
} }
requestAnimationFrame(() => { kindSelect.value = levelKinds[level][0]; }); await kindSelect.updateComplete;
kindSelect.value = levelKinds[level][0];
}; };
updateKinds('student'); updateKinds('student');
levelSelect.addEventListener('wa-change', (e) => updateKinds(e.target.value)); levelSelect.addEventListener('change', (e) => {
updateKinds(e.target.value);
});
const studentSelect = document.createElement('wa-select'); const studentSelect = document.createElement('wa-select');
studentSelect.size = 'small'; studentSelect.size = 'small';
studentSelect.placeholder = 'Student\u2026'; studentSelect.placeholder = 'Student\u2026';
@@ -473,18 +476,20 @@ async function loadStudents() {
if (card) { if (card) {
const selects = card.querySelectorAll('.constraint-add wa-select'); const selects = card.querySelectorAll('.constraint-add wa-select');
if (selects[0]) { if (selects[0]) {
requestAnimationFrame(() => { selects[0].value = savedLevel; }); await selects[0].updateComplete;
selects[0].value = savedLevel;
} }
if (selects[1]) { if (selects[1]) {
selects[1].innerHTML = '';
const kinds = levelKinds[savedLevel]; const kinds = levelKinds[savedLevel];
selects[1].querySelectorAll('wa-option').forEach(o => o.remove());
for (const kind of kinds) { for (const kind of kinds) {
const opt = document.createElement('wa-option'); const opt = document.createElement('wa-option');
opt.value = kind; opt.value = kind;
opt.textContent = kindLabels[kind]; opt.textContent = kindLabels[kind];
selects[1].appendChild(opt); selects[1].appendChild(opt);
} }
requestAnimationFrame(() => { selects[1].value = savedKind; }); await selects[1].updateComplete;
selects[1].value = savedKind;
} }
} }
}); });