Skip to content

Commit 7d05ca2

Browse files
committed
Allow PF3 switch to submit on enter
1 parent 8b75d77 commit 7d05ca2

File tree

2 files changed

+5
-0
lines changed

2 files changed

+5
-0
lines changed

packages/pf3-component-mapper/src/form-fields/form-fields.js

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,6 +72,7 @@ const selectComponent = ({
7272
disabled={ isDisabled }
7373
checked={ input.value }
7474
onChange={ ({ target: { checked }}) => input.onChange(checked) }
75+
formOptions={ formOptions }
7576
/>,
7677
[componentTypes.DATE_PICKER]: () => <DateTimePicker pristine={ meta.pristine } onChange={ input.onChange } value={ input.value } isDisabled={ isDisabled } { ...rest } />,
7778
})[componentType];

packages/pf3-component-mapper/src/form-fields/switch-field.js

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -56,9 +56,13 @@ class Switch extends React.Component {
5656
tabIndex={ disabled || isReadOnly ? -1 : 0 }
5757
onKeyDown={ (e) => {
5858
const SPACEBAR_CODE = 32;
59+
const ENTER_CODE = 13;
5960
if (e.keyCode === SPACEBAR_CODE) {
6061
e.preventDefault();
6162
props.onChange({ target: { checked: !props.checked }});
63+
} else if (e.keyCode === ENTER_CODE) {
64+
e.preventDefault();
65+
props.formOptions.handleSubmit();
6266
}
6367
} }
6468
>

0 commit comments

Comments
 (0)