ui5-webcomponents icon indicating copy to clipboard operation
ui5-webcomponents copied to clipboard

[ui5-timeline]: Arrow keys do not move the cursor inside <input> or <textarea> within ui5-timeline-item

Open gozld5153 opened this issue 5 months ago • 1 comments

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

  1. Create a ui5-timeline-item component.
  2. Add a textarea or input element inside its content.
  3. Focus the text field.
  4. Press arrow keys (e.g. ArrowLeft, ArrowRight)
  5. 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.

gozld5153 avatar Jun 24 '25 04:06 gozld5153

Hey @SAP/ui5-webcomponents-topic-b,

This issue is for us. It's reproducible in this sample.

Best, Diana

didip1000 avatar Jun 24 '25 06:06 didip1000

This issue has been closed. To reopen, just leave a comment!

github-actions[bot] avatar Aug 08 '25 12:08 github-actions[bot]

: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:

ui5-webcomponents-bot avatar Aug 14 '25 08:08 ui5-webcomponents-bot