[Bug]: Arrow keys close IME dropdown in sp-number-field when entries with non-Arabic digits are highlighted

[adamsmasher]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

sp-number-field

Library version

1.10.0

Expected behavior

When entering input into an sp-number-field, an IME user should be able to use the arrow keys to freely move between various options (including conversion between double-byte and single-byte encodings) before committing.

Actual behavior

Instead of allowing the user to move freely between IME options, the popup immediately closes when an item with non-Arabic digits is highlighted and the old value is restored.

This occurs in Express, Squirrel, and on the Storybook.

Screenshots

No response

What browsers are you seeing the problem in?

Chrome

How can we reproduce this issue?

1. Go to the sp-number-field Storybook
2. Ensure a Japanese keyboard is enabled
3. Click on the number field shown under "Enter a number"
4. Begin typing a number (e.g. 800) - it will initially render using double-byte characters (e.g. ８００)
5. Press down arrow to open the IME window; this allows users to choose between different ways of writing the number in Japanese.
6. Using the arrow keys, highlight an item with non-Arabic numerals (e.g. 八〇〇)
7. Note that the IME window immediately closes and the new value is lost

Sample code or abstract reproduction which illustrates the problem

No response

Severity

SEV 3

Logs taken while reproducing problem

No response

Would you like to track this issue in Jira?

• Yes, please tell me the ticket number!

[github-jira-sync-bot]

❌ You don't have permission to export this issue.

[github-jira-sync-bot]

❌ You don't have permission to export this issue.

[pfulton]

@magento export issue to Jira project SWC as Bug

[github-jira-sync-bot]

✅ Jira issue SWC-1635 is successfully created for this GitHub issue.