fix(ui5-li): implement edit mode for keyboard navigation in list items

packages/fiori/src/UploadCollectionItem.ts

@@ -237,6 +237,7 @@ class UploadCollectionItem extends ListItem {
 	async onDetailClick() {
 		super.onDetailClick();
 		this._editing = true;
+		this._editMode = true;
 
 		await this._initInputField();
 	}
@@ -300,6 +301,7 @@ class UploadCollectionItem extends ListItem {
 		this.fireDecoratorEvent("rename");
 
 		this._editing = false;
+		this._editMode = false;
 		this._focus();
 	}
 
@@ -311,6 +313,7 @@ class UploadCollectionItem extends ListItem {
 
 	async _onRenameCancel(e: KeyboardEvent | UI5CustomEvent<Button, "click">) {
 		this._editing = false;
+		this._editMode = false;
 
 		if (isEscape(e as KeyboardEvent)) {
 			await renderFinished();
@@ -326,6 +329,29 @@ class UploadCollectionItem extends ListItem {
 		}
 	}
 
+	_handleTabNext(e: KeyboardEvent) {
+		if (this._editMode) {
+			return super._handleTabNext(e);
+		}
+
+		if (this.shouldForwardTabAfter()) {
+			if (!this.fireDecoratorEvent("forward-after")) {
+				e.preventDefault();
+			}
+		}
+	}
+
+	_handleTabPrevious(e: KeyboardEvent) {
+		if (this._editMode) {
+			return super._handleTabPrevious(e);
+		}
+
+		const target = e.target as HTMLElement;
+		if (this.shouldForwardTabBefore(target)) {
+			this.fireDecoratorEvent("forward-before");
+		}
+	}
+
 	_focus() {
 		this.fireDecoratorEvent("focus-requested");
 	}