search

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.
https://sap.github.io/ui5-webcomponents/
Apache License 2.0
1.51k stars 262 forks source link

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

Closed AuroArea closed 4 months ago

AuroArea commented 5 months ago

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

Lukas742 commented 5 months ago

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

niyap commented 5 months ago

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 commented 4 months ago

Hello Colleagues,

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

Kind Regards, Niya