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

Labels

Type

Projects

Status

New Issues

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions