Skip to content

Commit 44be432

Browse files
committed
Support Enter key in single-select dropdowns (even though radio items do not support this natively)
1 parent eb1fb5b commit 44be432

File tree

2 files changed

+4
-2
lines changed

2 files changed

+4
-2
lines changed

components/dash-core-components/src/components/RadioItems.tsx

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,9 @@ export default function RadioItems({
5454
options={sanitizedOptions}
5555
selected={isNil(value) ? [] : [value]}
5656
onSelectionChange={selection => {
57-
setProps({value: selection[selection.length - 1]});
57+
if (selection.length) {
58+
setProps({value: selection[selection.length - 1]});
59+
}
5860
}}
5961
{...stylingProps}
6062
/>

components/dash-core-components/src/utils/optionRendering.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -105,7 +105,7 @@ export const Option: React.FC<OptionProps> = ({
105105
disabled={!!option.disabled}
106106
onChange={() => onChange(option)}
107107
onKeyUp={e => {
108-
if (e.key === 'Enter' && inputType === 'checkbox') {
108+
if (e.key === 'Enter') {
109109
onChange(option);
110110
}
111111
}}

0 commit comments

Comments
 (0)