[SF][MultiInput]: Backspace does not work when the property set with type="Number" or "Email"

[AuroArea]

Describe the bug

The MultiInput component for UI5 React, does not work for Backspace key, when the property type=Number or type=Email is used.

Isolated Example

No response

Reproduction steps

1. Go to documentation page - https://sap.github.io/ui5-webcomponents-react/?path=/docs/inputs-multiinput--docs
2. In the example section, select the input box and try pressing Backspace button, we can see that the tokens are focussed, so that they can be removed.
3. Now change the dropdown value of the property "type" from Text to "Number" and repeat the above step for backspace, nothing happens.
4. Tokens are not selected/focussed to take any action

Expected Behaviour

Backspace behaviour should work same for all the "type" properties like it works for type="Text".

Screenshots or Videos

No response

UI5 Web Components for React Version

1.27.0

UI5 Web Components Version

Latest

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

No response

Organization

SAP Successfactors

Declaration

• [X] I’m not disclosing any internal or sensitive information.

[Lukas742]

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

[niyap]

Hello @SAP/ui5-webcomponents-topic-rl,

Could you please take a look of that findings? If we have MultiInput with type="Number" or "Email" (with the other types it works as expected), the keyboard navigation does not work as expected. Please, check the sample: https://sap.github.io/ui5-webcomponents/components/MultiInput (Add/Remove Tokens). Add some tokens and change the type property to Number or Email. Try to delete the tokens via Backspace -> nothing happens. Thank you in advance!

Kind Regards, Niya

[niyap]

Hello Colleagues,

The issue is fixed with #8897 so I am closing the incident.

Kind Regards, Niya