Merged in fix/sw-2174-enter-click-should-select-radiocard (pull request #1768)

SW-2174 Handle Enter press on RadioCard label

* Handle Enter click on RadioCard label


Approved-by: Linus Flood
This commit is contained in:
Anton Gunnarsson
2025-04-09 12:13:18 +00:00
parent da07e8a458
commit 32ac7c8a3d

View File

@@ -35,10 +35,19 @@ export default function RadioCard({
} }
} }
function onKeyDown(event: React.KeyboardEvent) {
if (disabled) return
if (event.key === "Enter") {
setValue(name, value)
}
}
return ( return (
<label <label
className={cx(styles.label, { [styles.disabled]: disabled })} className={cx(styles.label, { [styles.disabled]: disabled })}
onClick={onLabelClick} onClick={onLabelClick}
onKeyDown={onKeyDown}
tabIndex={0} tabIndex={0}
> >
<div className={styles.selectedIcon}> <div className={styles.selectedIcon}>