[ui5-timeline]: Arrow keys do not move the cursor inside <input> or <textarea> within ui5-timeline-item
Bug Description
When placing an input or textarea element inside a ui5-timeline-item, the text cursor does not respond to keyboard arrow keys. Typing and deleting characters works as expected, but pressing the arrow keys does not move the cursor within the text field.
Affected Component
ui5-timeline, ui5-timeline-item
Expected Behaviour
Arrow keys should move the text cursor left, right, up, or down within the input or textarea, as with any standard text field.
Isolated Example
No response
Steps to Reproduce
- Create a ui5-timeline-item component.
- Add a
textareaorinputelement inside its content. - Focus the text field.
- Press arrow keys (e.g. ArrowLeft, ArrowRight)
- Observe that the cursor does not move.
Log Output, Stack Trace or Screenshots
No response
Priority
None
UI5 Web Components Version
2.11.0
Browser
Chrome
Operating System
Mac
Additional Context
This issue may be related to ItemNavigation intercepting arrow key events at the component level, preventing the default behavior inside form controls.
Organization
No response
Declaration
- [x] I’m not disclosing any internal or sensitive information.
Hey @SAP/ui5-webcomponents-topic-b,
This issue is for us. It's reproducible in this sample.
Best, Diana
This issue has been closed. To reopen, just leave a comment!
:tada: This issue has been resolved in version v2.14.0-rc.1 :tada:
The release is available on v2.14.0-rc.1
Your semantic-release bot :package::rocket: