From ea5228e863fe025b5900631d0f190016d95728df Mon Sep 17 00:00:00 2001 From: Aleksandra Bozek Date: Fri, 18 Sep 2026 14:28:15 +0200 Subject: [PATCH 1/2] IBX-8196: Handled enter and escape in sub-items priority input --- .../table-view/table.view.item.component.js | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/src/bundle/ui-dev/src/modules/sub-items/components/table-view/table.view.item.component.js b/src/bundle/ui-dev/src/modules/sub-items/components/table-view/table.view.item.component.js index a65828759..0d88ee398 100644 --- a/src/bundle/ui-dev/src/modules/sub-items/components/table-view/table.view.item.component.js +++ b/src/bundle/ui-dev/src/modules/sub-items/components/table-view/table.view.item.component.js @@ -16,6 +16,7 @@ export default class TableViewItemComponent extends PureComponent { this.enablePriorityInput = this.enablePriorityInput.bind(this); this.handleSubmit = this.handleSubmit.bind(this); this.handleCancel = this.handleCancel.bind(this); + this.handlePriorityInputKeyDown = this.handlePriorityInputKeyDown.bind(this); this.handleEdit = this.handleEdit.bind(this); this.onSelectCheckboxChange = this.onSelectCheckboxChange.bind(this); this.setPriorityInputRef = this.setPriorityInputRef.bind(this); @@ -100,6 +101,22 @@ export default class TableViewItemComponent extends PureComponent { })); } + /** + * Handles priority input keyboard events. + * Submits the new priority value on Enter and cancels the update on Escape. + * + * @method handlePriorityInputKeyDown + * @param {Event} event + * @memberof TableViewItemComponent + */ + handlePriorityInputKeyDown(event) { + if (event.key === 'Enter') { + this.handleSubmit(event); + } else if (event.key === 'Escape') { + this.handleCancel(event); + } + } + /** * Stores priority value * @@ -195,12 +212,14 @@ export default class TableViewItemComponent extends PureComponent { type: 'number', defaultValue: this.state.priorityValue, onChange: this.storePriorityValue, + onKeyDown: this.handlePriorityInputKeyDown, }; const priorityWrapperAttrs = {}; const innerWrapperAttrs = {}; if (!this.state.priorityInputEnabled) { delete inputAttrs.defaultValue; + delete inputAttrs.onKeyDown; inputAttrs.value = this.state.priorityValue; priorityWrapperAttrs.onClick = this.enablePriorityInput; innerWrapperAttrs.hidden = true; From ba8aa26e3cfdb919fa98d6e4242813a02a46688a Mon Sep 17 00:00:00 2001 From: Aleksandra Bozek Date: Thu, 15 Oct 2026 14:30:53 +0200 Subject: [PATCH 2/2] Blurred priority input after enter/escape --- .../components/table-view/table.view.item.component.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/bundle/ui-dev/src/modules/sub-items/components/table-view/table.view.item.component.js b/src/bundle/ui-dev/src/modules/sub-items/components/table-view/table.view.item.component.js index 0d88ee398..b07e5144e 100644 --- a/src/bundle/ui-dev/src/modules/sub-items/components/table-view/table.view.item.component.js +++ b/src/bundle/ui-dev/src/modules/sub-items/components/table-view/table.view.item.component.js @@ -112,8 +112,10 @@ export default class TableViewItemComponent extends PureComponent { handlePriorityInputKeyDown(event) { if (event.key === 'Enter') { this.handleSubmit(event); + this._refPriorityInput.blur(); } else if (event.key === 'Escape') { this.handleCancel(event); + this._refPriorityInput.blur(); } }