[Bug]: ComboBox input, numpad 1(End) and 7(Home) moves cursor before number is inserted

[aaanttila]

Package

@carbon/react

Browser

Chrome, Firefox

Package version

v1.37.0

React version

v17.0.2

Description

When using numpad keys '1' (alternate 'End') or '7' (alternate 'Home') on ComboBox input, cursor moves to home/end before number is inserted.

Reproduction/example

https://react.carbondesignsystem.com/?path=/docs/components-combobox--overview

Steps to reproduce

• Use keyboard with numpad
• Press numlock ON
• Place cursor on ComboBox input field
• Using numpad, type '7' once. '7' appears. Type '7' again. Cursor stays in place , and seven appears after cursor.
  Type '1', first cursor moves to the end of input then '1' is inserted.
  Type '7' again cursor moves to beginning of input

Suggested Severity

Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[tay1orjones]

@aaanttila I'm not sure this will matter, but are you seeing this on windows or mac?

[tay1orjones]

I can confirm this using an apple wired keyboard with numpad on MacOS. I did not have to turn numlock on (it doesn't look like numlock is a feature available on MacOS)

Pressing 7 (keyCode 103) or 1 (keyCode 97) on the numpad results in odd insertion into the input.

Normal non-numpad character keys 7 (keyCode 55) or 1 (keyCode 49) work as expected.

For some reason, in the video below it may be hard to see the cursor location. If you view it in fullscreen it should show the cursor location.

odd.insertion.from.number.pad.mov

[aaanttila]

@aaanttila I'm not sure this will matter, but are you seeing this on windows or mac?

ubuntu and windows