[SF][Tree]: [Unable To Use Down Arrow To Change Spin Box when in Tree]

[tandan0813]

Describe the bug

When use Number Input in Tree component, we can't use down arrow to lower the value in input, however, we can use up arrow to add the value.

When use Input alone, it has the correct behavior.

Isolated Example

https://stackblitz.com/edit/github-fhafcajp?file=src%2FApp.tsx

Reproduction steps

1. Open the isolated environment;
2. Tab to Input Field;
3. Use down arrow to lower the Field Value.

Expected Behaviour

No response

Screenshots or Videos

No response

UI5 Web Components for React Version

2.5.0

UI5 Web Components Version

2.5.1

Browser

Chrome

Operating System

No response

Additional Context

No response

Relevant log output

Organization

No response

Declaration

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

[Lukas742]

Hi @tandan0813

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

---

Hi Colleagues,

here you can find the same example only without React and our wrapper: https://stackblitz.com/edit/github-r5j5bjuh?file=index.html

[unazko]

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

Please checkout the provided snippet.
If the numeric ui5-input is used outside of the ui5-tree component the users would be able to change the value with the UP/DOWN keyboard keys.
That is not the case though when the ui5-input is slotted into a ui5-tree component.

Best regards,
Boyan