Skip to content

[ui5-tabcontainer]: fast keyboard drag and drop in strip area results in unexpected behavior #11345

@dimovpetar

Description

@dimovpetar

Bug Description

When Ctrl + Arrow Right keys are hold down, it results in forth and back moving of the item.

Affected Component

No response

Expected Behaviour

No response

Isolated Example

No response

Steps to Reproduce

  1. https://sap.github.io/ui5-webcomponents/play/#eyJpbmRleC5odG1sIjp7Im5hbWUiOiJpbmRleC5odG1sIiwiY29udGVudCI6IjwhLS0gcGxheWdyb3VuZC1mb2xkIC0tPlxuPCFET0NUWVBFIGh0bWw-XG48aHRtbCBsYW5nPVwiZW5cIj5cblxuPGhlYWQ-XG4gICAgXG4gICAgPHN0eWxlPlxuICAgICAgKjpub3QoOmRlZmluZWQpIHtcbiAgICAgICAgZGlzcGxheTogbm9uZTtcbiAgICAgIH1cblxuICAgIGh0bWwge1xuICAgICAgZm9yY2VkLWNvbG9yLWFkanVzdDogbm9uZTtcbiAgICB9XG4gICAgPC9zdHlsZT5cblxuICAgIDxtZXRhIGNoYXJzZXQ9XCJVVEYtOFwiPlxuICAgIDxtZXRhIG5hbWU9XCJ2aWV3cG9ydFwiIGNvbnRlbnQ9XCJ3aWR0aD1kZXZpY2Utd2lkdGgsIGluaXRpYWwtc2NhbGU9MS4wXCI-XG4gICAgPHRpdGxlPlNhbXBsZTwvdGl0bGU-XG48L2hlYWQ-XG48Ym9keSBzdHlsZT1cImJhY2tncm91bmQtY29sb3I6IHZhcigtLXNhcEJhY2tncm91bmRDb2xvcik7IGhlaWdodDogMjUwcHg7XCI-XG48IS0tIHBsYXlncm91bmQtZm9sZC1lbmQgLS0-XG5cbjx1aTUtdGFiY29udGFpbmVyIGZpeGVkIGlkPVwidGFiQ29udGFpbmVyXCI-XG4gICAgPHVpNS10YWIgaWQ9XCJ0YWIxXCIgdGV4dD1cIlRhYiAxXCIgbW92YWJsZT48L3VpNS10YWI-XG4gICAgPHVpNS10YWIgaWQ9XCJ0YWIyXCIgdGV4dD1cIlRhYiAyXCIgbW92YWJsZT48L3VpNS10YWI-XG4gICAgPHVpNS10YWIgaWQ9XCJ0YWIzXCIgdGV4dD1cIlRhYiAzXCIgbW92YWJsZT5cblx0XHQ8dWk1LXRhYiBpZD1cInRhYjMuMVwiIHRleHQ9XCJUYWIgMy4xXCIgc2xvdD1cIml0ZW1zXCIgbW92YWJsZT48L3VpNS10YWI-XG5cdFx0PHVpNS10YWIgaWQ9XCJ0YWIzLjJcIiB0ZXh0PVwiVGFiIDMuMlwiIHNsb3Q9XCJpdGVtc1wiIG1vdmFibGU-PC91aTUtdGFiPlxuXHRcdDx1aTUtdGFiIGlkPVwidGFiMy4zXCIgdGV4dD1cIlRhYiAzLjNcIiBzbG90PVwiaXRlbXNcIiBtb3ZhYmxlPjwvdWk1LXRhYj5cblx0PC91aTUtdGFiPlxuICAgIDx1aTUtdGFiIGlkPVwidGFiNFwiIHRleHQ9XCJUYWIgNFwiIG1vdmFibGU-PC91aTUtdGFiPlxuICAgIDx1aTUtdGFiIGlkPVwidGFiNVwiIHRleHQ9XCJUYWIgNVwiIG1vdmFibGU-PC91aTUtdGFiPlxuICAgIDx1aTUtdGFiIGlkPVwidGFiNlwiIHRleHQ9XCJUYWIgNlwiIG1vdmFibGU-PC91aTUtdGFiPlxuICAgIDx1aTUtdGFiIGlkPVwidGFiN1wiIHRleHQ9XCJUYWIgN1wiIG1vdmFibGU-PC91aTUtdGFiPlxuICAgIDx1aTUtdGFiIGlkPVwidGFiOFwiIHRleHQ9XCJUYWIgOFwiIG1vdmFibGU-PC91aTUtdGFiPlxuICAgIDx1aTUtdGFiIGlkPVwidGFiOVwiIHRleHQ9XCJUYWIgOVwiIG1vdmFibGU-PC91aTUtdGFiPlxuICAgIDx1aTUtdGFiIGlkPVwidGFiMTBcIiB0ZXh0PVwiVGFiIDEwXCIgbW92YWJsZT48L3VpNS10YWI-XG4gICAgPHVpNS10YWIgaWQ9XCJ0YWIxMVwiIHRleHQ9XCJUYWIgMTFcIiBtb3ZhYmxlPjwvdWk1LXRhYj5cbiAgICA8dWk1LXRhYiBpZD1cInRhYjEyXCIgdGV4dD1cIlRhYiAxMlwiIG1vdmFibGU-PC91aTUtdGFiPlxuICAgIDx1aTUtdGFiIGlkPVwidGFiMTNcIiB0ZXh0PVwiVGFiIDEzXCIgbW92YWJsZT48L3VpNS10YWI-XG4gICAgPHVpNS10YWIgaWQ9XCJ0YWIxNFwiIHRleHQ9XCJUYWIgMTRcIiBtb3ZhYmxlPjwvdWk1LXRhYj5cbiAgICA8dWk1LXRhYiBpZD1cInRhYjE1XCIgdGV4dD1cIlRhYiAxNVwiIG1vdmFibGU-PC91aTUtdGFiPlxuICAgIDx1aTUtdGFiIGlkPVwidGFiMTZcIiB0ZXh0PVwiVGFiIDE2XCIgbW92YWJsZT48L3VpNS10YWI-XG48L3VpNS10YWJjb250YWluZXI-XG5cbjwhLS0gcGxheWdyb3VuZC1mb2xkIC0tPlxuPHNjcmlwdCB0eXBlPVwibW9kdWxlXCIgc3JjPVwibWFpbi5qc1wiPjwvc2NyaXB0PlxuPC9ib2R5PlxuPC9odG1sPlxuPCEtLSBwbGF5Z3JvdW5kLWZvbGQtZW5kIC0tPlxuXG4ifSwibWFpbi5qcyI6eyJuYW1lIjoibWFpbi5qcyIsImNvbnRlbnQiOiIvKiBwbGF5Z3JvdW5kLWhpZGUgKi9cbmltcG9ydCBcIi4vcGxheWdyb3VuZC1zdXBwb3J0LmpzXCI7XG4vKiBwbGF5Z3JvdW5kLWhpZGUtZW5kICovXG5pbXBvcnQgXCJAdWk1L3dlYmNvbXBvbmVudHMvZGlzdC9UYWJDb250YWluZXIuanNcIjtcbmltcG9ydCBcIkB1aTUvd2ViY29tcG9uZW50cy9kaXN0L1RhYi5qc1wiO1xuaW1wb3J0IE1vdmVQbGFjZW1lbnQgZnJvbSBcIkB1aTUvd2ViY29tcG9uZW50cy1iYXNlL2Rpc3QvdHlwZXMvTW92ZVBsYWNlbWVudC5qc1wiO1xuXG5jb25zdCB0YWJDb250YWluZXIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZChcInRhYkNvbnRhaW5lclwiKTtcblxudGFiQ29udGFpbmVyLmFkZEV2ZW50TGlzdGVuZXIoXCJtb3ZlLW92ZXJcIiwgKGV2ZW50KSA9PiB7XG5cdGNvbnN0IHsgc291cmNlIH0gPSBldmVudC5kZXRhaWw7XG5cblx0aWYgKHRhYkNvbnRhaW5lci5jb250YWlucyhzb3VyY2UuZWxlbWVudCkpIHtcblx0XHRldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXHR9XG59KTtcblxudGFiQ29udGFpbmVyLmFkZEV2ZW50TGlzdGVuZXIoXCJtb3ZlXCIsIChldmVudCkgPT4ge1xuXHRjb25zdCB7IHNvdXJjZSwgZGVzdGluYXRpb24gfSA9IGV2ZW50LmRldGFpbDtcblxuXHRzd2l0Y2ggKGRlc3RpbmF0aW9uLnBsYWNlbWVudCkge1xuXHRcdGNhc2UgTW92ZVBsYWNlbWVudC5CZWZvcmU6XG5cdFx0XHRkZXN0aW5hdGlvbi5lbGVtZW50LmJlZm9yZShzb3VyY2UuZWxlbWVudCk7XG5cdFx0XHRicmVhaztcblx0XHRjYXNlIE1vdmVQbGFjZW1lbnQuQWZ0ZXI6XG5cdFx0XHRkZXN0aW5hdGlvbi5lbGVtZW50LmFmdGVyKHNvdXJjZS5lbGVtZW50KTtcblx0XHRcdGJyZWFrO1xuXHRcdGNhc2UgTW92ZVBsYWNlbWVudC5Pbjpcblx0XHRcdGRlc3RpbmF0aW9uLmVsZW1lbnQucHJlcGVuZChzb3VyY2UuZWxlbWVudCk7XG5cdFx0XHRicmVhaztcblx0fVxuXG5cdGNvbnN0IG5ld1BhcmVudCA9IHNvdXJjZS5lbGVtZW50LnBhcmVudEVsZW1lbnQ7XG5cblx0aWYgKG5ld1BhcmVudC5oYXNBdHRyaWJ1dGUoXCJ1aTUtdGFiXCIpKSB7XG5cdFx0c291cmNlLmVsZW1lbnQuc2xvdCA9IFwiaXRlbXNcIjtcblx0fSBlbHNlIHtcblx0XHRzb3VyY2UuZWxlbWVudC5zbG90ID0gXCJcIjtcblx0fVxufSk7In19
  2. Focus the first item, hold Ctrl + Arrow Right

...

Log Output, Stack Trace or Screenshots

No response

Priority

None

UI5 Web Components Version

ui5-tabcontainer

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

No response

Declaration

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    Projects

    Status

    New Issues

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions