Fixed #3602 - Keyboard support: Numpad enter

components/lib/accordion/Accordion.vue

@@ -144,6 +144,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                 case 'Space':
                     this.onTabEnterKey(event, tab, index);
                     break;

components/lib/calendar/Calendar.vue

@@ -2185,6 +2185,7 @@ export default {
                 }
 
                 case 'Enter':
+                case 'NumpadEnter':
 
                 case 'Space': {
                     this.onDateSelect(event, date);
@@ -2361,6 +2362,7 @@ export default {
                 }
 
                 case 'Enter':
+                case 'NumpadEnter':
 
                 case 'Space': {
                     this.onMonthSelect(event, index);
@@ -2454,6 +2456,7 @@ export default {
                 }
 
                 case 'Enter':
+                case 'NumpadEnter':
 
                 case 'Space': {
                     this.onYearSelect(event, index);

components/lib/cascadeselect/CascadeSelect.vue

@@ -243,6 +243,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                     this.onEnterKey(event);
                     break;
 

components/lib/chips/Chips.vue

@@ -110,6 +110,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                     if (inputValue && inputValue.trim().length && !this.maxedOut) {
                         this.addItem(event, inputValue, true);
                     }

components/lib/confirmpopup/ConfirmPopup.vue

@@ -152,14 +152,14 @@ export default {
             this.visible = false;
         },
         onAcceptKeydown(event) {
-            if (event.code === 'Space' || event.code === 'Enter') {
+            if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
                 this.accept();
                 DomHandler.focus(this.target);
                 event.preventDefault();
             }
         },
         onRejectKeydown(event) {
-            if (event.code === 'Space' || event.code === 'Enter') {
+            if (event.code === 'Space' || event.code === 'Enter' || event.code === 'NumpadEnter') {
                 this.reject();
                 DomHandler.focus(this.target);
                 event.preventDefault();

components/lib/contextmenu/ContextMenu.vue

@@ -181,6 +181,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                     this.onEnterKey(event);
                     break;
 

components/lib/datatable/ColumnFilter.vue

@@ -402,6 +402,7 @@ export default {
         onToggleButtonKeyDown(event) {
             switch (event.code) {
                 case 'Enter':
+                case 'NumpadEnter':
                 case 'Space':
                     this.toggleMenu(event);
 

components/lib/datatable/DataTable.vue

@@ -839,6 +839,7 @@ export default {
                         break;
 
                     case 'Enter':
+                    case 'NumpadEnter':
                         this.onEnterKey(event, rowData, rowIndex);
                         break;
 

components/lib/datatable/HeaderCell.vue

@@ -228,7 +228,7 @@ export default {
             this.$emit('column-click', { originalEvent: event, column: this.column });
         },
         onKeyDown(event) {
-            if ((event.code === 'Enter' || event.code === 'Space') && event.currentTarget.nodeName === 'TH' && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
+            if ((event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && event.currentTarget.nodeName === 'TH' && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
                 this.$emit('column-click', { originalEvent: event, column: this.column });
                 event.preventDefault();
             }

components/lib/dock/DockSub.vue

@@ -197,6 +197,7 @@ export default {
                 }
 
                 case 'Enter':
+                case 'NumpadEnter':
 
                 case 'Space': {
                     this.onSpaceKey(event);

components/lib/dropdown/Dropdown.vue

@@ -473,6 +473,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                     this.onEnterKey(event);
                     break;
 

components/lib/fieldset/Fieldset.vue

@@ -66,7 +66,7 @@ export default {
             });
         },
         onKeyDown(event) {
-            if (event.code === 'Enter' || event.code === 'Space') {
+            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
                 this.toggle(event);
                 event.preventDefault();
             }

components/lib/galleria/GalleriaItem.vue

@@ -149,6 +149,7 @@ export default {
         onIndicatorKeyDown(event, index) {
             switch (event.code) {
                 case 'Enter':
+                case 'NumpadEnter':
                 case 'Space':
                     this.stopSlideShow();
 

components/lib/galleria/GalleriaThumbnails.vue

@@ -298,7 +298,7 @@ export default {
             }
         },
         onThumbnailKeydown(event, index) {
-            if (event.code === 'Enter' || event.code === 'Space') {
+            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
                 this.onItemClick(index);
                 event.preventDefault();
             }

components/lib/listbox/Listbox.vue

@@ -266,6 +266,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                 case 'Space':
                     this.onSpaceKey(event);
                     break;
@@ -414,6 +415,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                     this.onEnterKey(event);
                     break;
 

components/lib/megamenu/MegaMenu.vue

@@ -223,6 +223,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                     this.onEnterKey(event);
                     break;
 
@@ -300,7 +301,7 @@ export default {
             this.toggle(event);
         },
         menuButtonKeydown(event) {
-            (event.code === 'Enter' || event.code === 'Space') && this.menuButtonClick(event);
+            (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && this.menuButtonClick(event);
         },
         onArrowDownKey(event) {
             if (this.horizontal) {

components/lib/menu/Menu.vue

@@ -152,6 +152,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                     this.onEnterKey(event);
                     break;
 

components/lib/menubar/Menubar.vue

@@ -211,6 +211,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                     this.onEnterKey(event);
                     break;
 
@@ -292,7 +293,7 @@ export default {
             this.toggle(event);
         },
         menuButtonKeydown(event) {
-            (event.code === 'Enter' || event.code === 'Space') && this.menuButtonClick(event);
+            (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && this.menuButtonClick(event);
         },
         onArrowDownKey(event) {
             const processedItem = this.visibleItems[this.focusedItemInfo.index];

components/lib/multiselect/MultiSelect.vue

@@ -379,6 +379,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                 case 'Space':
                     this.onEnterKey(event);
                     break;
@@ -511,6 +512,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                     this.onEnterKey(event);
                     break;
 

components/lib/orderlist/OrderList.vue

@@ -176,6 +176,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                     this.onEnterKey(event);
                     break;
 

components/lib/organizationchart/OrganizationChartNode.vue

@@ -125,7 +125,7 @@ export default {
             this.$emit('node-toggle', node);
         },
         onKeydown(event) {
-            if (event.code === 'Enter' || event.code === 'Space') {
+            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
                 this.toggleNode();
                 event.preventDefault();
             }

components/lib/panel/Panel.vue

@@ -70,7 +70,7 @@ export default {
             });
         },
         onKeyDown(event) {
-            if (event.code === 'Enter' || event.code === 'Space') {
+            if (event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') {
                 this.toggle(event);
                 event.preventDefault();
             }

components/lib/panelmenu/PanelMenu.vue

@@ -153,6 +153,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                 case 'Space':
                     this.onHeaderEnterKey(event, item);
                     break;

components/lib/panelmenu/PanelMenuList.vue

@@ -126,6 +126,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                     this.onEnterKey(event);
                     break;
 

components/lib/picklist/PickList.vue

@@ -642,6 +642,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                     this.onEnterKey(event, listType);
                     break;
 

components/lib/speeddial/SpeedDial.vue

@@ -197,6 +197,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                 case 'Space':
                     this.onEnterKey(event);
                     break;

components/lib/steps/Steps.vue

@@ -115,6 +115,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
 
                 case 'Space': {
                     this.onItemClick(event, item);

components/lib/tabmenu/TabMenu.vue

@@ -121,6 +121,7 @@ export default {
                 }
 
                 case 'Space':
+                case 'NumpadEnter':
 
                 case 'Enter': {
                     this.onItemClick(event, item, index);

components/lib/tabview/TabView.vue

@@ -220,6 +220,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                 case 'Space':
                     this.onTabEnterKey(event, tab, index);
                     break;

components/lib/terminal/Terminal.vue

@@ -43,7 +43,7 @@ export default {
             this.$refs.input.focus();
         },
         onKeydown(event) {
-            if (event.code === 'Enter' && this.commandText) {
+            if ((event.code === 'Enter' || event.code === 'NumpadEnter') && this.commandText) {
                 this.commands.push({ text: this.commandText });
                 TerminalService.emit('command', this.commandText);
                 this.commandText = '';

components/lib/tieredmenu/TieredMenu.vue

@@ -205,6 +205,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                     this.onEnterKey(event);
                     break;
 

components/lib/tree/Tree.vue

@@ -164,7 +164,7 @@ export default {
             return node.leaf === false ? false : !(node.children && node.children.length);
         },
         onFilterKeydown(event) {
-            if (event.code === 'Enter') {
+            if (event.code === 'Enter' || event.code === 'NumpadEnter') {
                 event.preventDefault();
             }
 

components/lib/tree/TreeNode.vue

@@ -185,6 +185,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                 case 'Space':
                     this.onEnterKey(event);
 

components/lib/treeselect/TreeSelect.vue

@@ -230,6 +230,7 @@ export default {
 
                 case 'Space':
                 case 'Enter':
+                case 'NumpadEnter':
                     this.onEnterKey(event);
                     break;
 

components/lib/treetable/HeaderCell.vue

@@ -148,7 +148,7 @@ export default {
             this.$emit('column-click', { originalEvent: event, column: this.column });
         },
         onKeyDown(event) {
-            if ((event.code === 'Enter' || event.code === 'Space') && event.currentTarget.nodeName === 'TH' && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
+            if ((event.code === 'Enter' || event.code === 'NumpadEnter' || event.code === 'Space') && event.currentTarget.nodeName === 'TH' && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
                 this.$emit('column-click', { originalEvent: event, column: this.column });
 
                 event.preventDefault();

components/lib/treetable/TreeTable.vue

@@ -718,7 +718,7 @@ export default {
             }
         },
         onColumnKeyDown(event, col) {
-            if (event.code === 'Enter' && event.currentTarget.nodeName === 'TH' && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
+            if ((event.code === 'Enter' || event.code === 'NumpadEnter') && event.currentTarget.nodeName === 'TH' && DomHandler.getAttribute(event.currentTarget, 'data-p-sortable-column')) {
                 this.onColumnHeaderClick(event, col);
             }
         },

components/lib/treetable/TreeTableRow.vue

@@ -185,6 +185,7 @@ export default {
                     break;
 
                 case 'Enter':
+                case 'NumpadEnter':
                 case 'Space':
                     if (!DomHandler.isClickable(event.target)) {
                         this.onEnterKey(event, item);

components/lib/tristatecheckbox/TriStateCheckbox.vue

@@ -83,7 +83,7 @@ export default {
             this.$refs.input.focus();
         },
         onKeyDown(event) {
-            if (event.code === 'Enter') {
+            if (event.code === 'Enter' || event.code === 'NumpadEnter') {
                 this.updateModel();
                 this.$emit('keydown', event);
                 event.preventDefault();