radio-group keyboard navigation not working on vitest + happy-dom

[csantos-nydig]

Provide a general summary of the issue here

selecting radio options using keyboard (ArrowDown and ArrowUp) is not working on vitest + happy-dom

🤔 Expected Behavior?

"pressing" ArrowDown should select the next radio button and fire its value via onChange

😯 Current Behavior

"pressing" ArrowDown does not select the next radio button

💁 Possible Solution

I'm almost sure this might be an issue on happy-dom itself, because it works fine in JSDOM.

But it's hard for me to tell what react-aria is doing that is supported by JSDOM but not supported by HAPPY-DOM.

I'm cross-linking both issues, so hopefully we can collaborate and see what needs to be done and where 🙏 capricorn86/happy-dom#1605

🔦 Context

No response

🖥️ Steps to Reproduce

• Go to https://stackblitz.com/edit/stackblitz-starters-erttrv?file=package.json,jsdom.spec.tsx,happy-dom.spec.tsx
• run npm run test
• notice it passes in JSDOM but fails in HAPPY-DOM

Version

latest

What browsers are you seeing the problem on?

Other

If other, please specify.

vitest + happy-dom

What operating system are you using?

happy-dom

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[snowystinger]

Can you check if it works with native radio groups? https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio

If I had to guess though, probably a missed case in here https://github.com/capricorn86/happy-dom/blob/8b39e38b23f7258323eb41b842aefc45ace3a814/packages/happy-dom/src/nodes/html-input-element/HTMLInputElement.ts#L1031