Browse Source

Add keydown event to handle up and down arrows keypress events

pull/3158/head
Dmytro Bartieniev 5 years ago
parent
commit
9b25e7ef0e
  1. 18
      src/domain_abstract/ui/InputNumber.js

18
src/domain_abstract/ui/InputNumber.js

@ -11,7 +11,8 @@ export default Input.extend({
'change select': 'handleUnitChange',
'click [data-arrow-up]': 'upArrowClick',
'click [data-arrow-down]': 'downArrowClick',
'mousedown [data-arrows]': 'downIncrement'
'mousedown [data-arrows]': 'downIncrement',
keydown: 'handleKeyDown'
},
template() {
@ -81,6 +82,21 @@ export default Input.extend({
this.elementUpdated();
},
/**
* Handled when user uses keyboard
*/
handleKeyDown(e) {
if (e.key === 'ArrowUp') {
e.preventDefault();
this.upArrowClick();
}
if (e.key === 'ArrowDown') {
e.preventDefault();
this.downArrowClick();
}
},
/**
* Fired when the element of the property is updated
*/

Loading…
Cancel
Save