MultiComboBox: filter: Unable to type input using Japanese

[sayortanaka]

Describe the bug

Unable to type input using Japanese.

Isolated Example

No response

Reproduction steps

1. Place the cursor in the text entry field.
2. Japanese has three steps: input, convert, and confirm with the keyboard.
3. There is Japanese in the options, but it becomes an invalid entry during input, MultiComboBox is having trouble searching.

Expected Behaviour

Allow searching on invalid entries.

Screenshots or Videos

UI5 Web Components for React Version

1.9.2

UI5 Web Components Version

1.10.5

Browser

Chrome, Edge

Operating System

No response

Additional Context

No response

Relevant log output

No response

[MarcusNotheis]

Thanks for reporting! I'll forward this issue to our UI5 Web Components Colleagues as the affected component is developed in their repository.

[NHristov-sap]

Hi @sayortanaka ,

Can you please provide an isolated sample in JSBin (or whatever else that have live sample of the affected web component), and instructions how exactly to reproduce the issue, because of the more complex way of text entering in Japanese?

Best Regards,
Nikolay Hristov

[sayortanaka]

Hi @NHristov-sap
Thank you for your reply.

https://codesandbox.io/s/hardcore-cerf-scwmhd

1. Place the cursor in the text entry field
2. Enter 'toukyou' using the keyboard
3. Convert to '東京' with space key
4. Confirm the conversion with return key

Best Regards,
Tanaka

[NHristov-sap]

Hi @sayortanaka ,

Sorry for the question, but as I am not an expert in Japanese, can you help little bit with JP keyboard settings?

Best Regards,
Nikolay Hristov

[sayortanaka]

Hi @NHristov-sap
Please refer to the following page.
https://support.microsoft.com/en-us/windows/microsoft-japanese-ime-da40471d-6b91-4042-ae8b-713a96476916

IME settings

IME Options

[NHristov-sap]

Hello @ui5-webcomponents-topic-rl,
While entering Japanese text in Multi Combo Box, the component has an Error state even if the entered value persist in available items and is suggested. Also it cannot be accepted and confirmed (Error state is staying). Please check.

Steps to reproduce:

• go to https://codesandbox.io/s/hardcore-cerf-scwmhd
• switch to japanese keyboard
• Place the cursor in the text entry field
• Enter 'toukyou' using the keyboard (Error state during this step)
• Convert to '東京' with space key (doesn't work)
• Confirm the conversion with return key (doesn't work)

Best Regards,
Nikolay Hristov