Fix CONFIRM button not responding to click or Enter by replacing disabled attribute with CSS class

This commit is contained in:
Justin Oros
2026-05-20 10:17:06 -07:00
parent eb95cf0ff0
commit 9966dc65e4
2 changed files with 7 additions and 7 deletions
+4 -5
View File
@@ -501,7 +501,7 @@ class Game {
BATTLE CURSOR — navigate 2×2 grid with D-pad / WASD
══════════════════════════════════════════════════════════ */
_moveCursor(dir) {
const btns = document.querySelectorAll('.choice-btn:not(.disabled):not(.correct):not(.wrong)');
const btns = document.querySelectorAll('.choice-btn:not(.disabled):not(.correct):not(.wrong):not(.confirm-inactive)');
if (!btns.length) return;
const total = btns.length;
let c = this.state.cursor;
@@ -524,7 +524,7 @@ class Game {
_confirmCursor() {
if (this.state.answering) return;
const btns = document.querySelectorAll('.choice-btn:not(.disabled):not(.correct):not(.wrong)');
const btns = document.querySelectorAll('.choice-btn:not(.disabled):not(.correct):not(.wrong):not(.confirm-inactive)');
const target = btns[this.state.cursor];
if (target) target.click();
}
@@ -1131,7 +1131,7 @@ class Game {
btn.classList.add('selected');
selectedSlots.add(slotIdx);
}
confirmBtn.disabled = selectedSlots.size !== 2;
confirmBtn.classList.toggle('confirm-inactive', selectedSlots.size !== 2);
});
} else {
btn.addEventListener('click',()=>this.pick(slotIdx, correctShuffledIdx, q, container));
@@ -1141,9 +1141,8 @@ class Game {
if (isMulti) {
const confirmBtn = document.createElement('button');
confirmBtn.className='choice-btn confirm-btn';
confirmBtn.className='choice-btn confirm-btn confirm-inactive';
confirmBtn.textContent='✔ CONFIRM';
confirmBtn.disabled = true;
confirmBtn.addEventListener('click', () => {
if (this.state.answering || selectedSlots.size !== 2) return;
this.pickMulti(selectedSlots, correctShuffledSet, q, container);