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:
@@ -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}>
|
||||||
|
|||||||
Reference in New Issue
Block a user