fix(Combobox): fix issue with numpad keys acting as home, end (carbon…

…-design-system#14924)
guidari · Oct 18, 2023 · 86781db · 86781db
1 parent 20c087b
commit 86781db
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/react/src/components/ComboBox/ComboBox.tsx b/packages/react/src/components/ComboBox/ComboBox.tsx
@@ -590,11 +590,11 @@ const ComboBox = forwardRef(
                 }
               }
 
-              if (match(event, keys.Home)) {
+              if (match(event, keys.Home) && event.code !== 'Numpad7') {
                 event.target.setSelectionRange(0, 0);
               }
 
-              if (match(event, keys.End)) {
+              if (match(event, keys.End) && event.code !== 'Numpad1') {
                 event.target.setSelectionRange(
                   event.target.value.length,
                   event.target.value.length

diff --git a/packages/react/src/components/MultiSelect/FilterableMultiSelect.js b/packages/react/src/components/MultiSelect/FilterableMultiSelect.js
@@ -329,11 +329,11 @@ const FilterableMultiSelect = React.forwardRef(function FilterableMultiSelect(
                   handleOnMenuChange(false);
                 }
 
-                if (match(event, keys.Home)) {
+                if (match(event, keys.Home) && event.code !== 'Numpad7') {
                   event.target.setSelectionRange(0, 0);
                 }
 
-                if (match(event, keys.End)) {
+                if (match(event, keys.End) && event.code !== 'Numpad1') {
                   event.target.setSelectionRange(
                     event.target.value.length,
                     event.target.value.length