fix(ui5-li): prevent item-click when interactive content is clicked

Previously, `_onclick` in `ListItemBase` suppressed the `_press` event
by checking `:has(:focus-within)` on the focus DOM ref. This approach
is fragile: if a nested interactive element (e.g. a button) disables
itself synchronously during its own `click` handler, focus is lost
before the event bubbles up to the list item. As a result, the
`:focus-within` check fails and `ui5-item-click` fires unexpectedly ?
a regression observed in Chrome since v2.4.0.

Replace the focus-based guard with an event-path inspection:
`_isInteractiveContentClicked` walks `e.composedPath()` from the
clicked target up to (but not including) the list item boundary and
returns `true` if any element matches a native or UI5 interactive
control. This correctly suppresses `item-click` regardless of whether
the inner element changes its disabled/focused state during the click.

Add a regression test: nested `ui5-button` that disables itself on
click must not trigger `ui5-item-click` on the parent list item.

Fixes: #10976

Author: plamenivanov91

packages/main/cypress/specs/List.cy.tsx

@@ -698,6 +698,37 @@ describe("List Tests", () => {
 		cy.get("@selectionChangeStub").should("have.been.calledOnce");
 	});
 
+	it("does not fire item-click when nested button disables itself on click", () => {
+		cy.mount(
+			<List>
+				<ListItemCustom>
+					<div>
+						<span>First List Item</span>
+						<Button id="action-button">Action</Button>
+					</div>
+				</ListItemCustom>
+			</List>
+		);
+
+		cy.get("[ui5-list]").then(($list) => {
+			$list[0].addEventListener("ui5-item-click", cy.stub().as("itemClickStub"));
+		});
+
+		cy.get("#action-button").then(($button) => {
+			const buttonClickStub = cy.stub().as("buttonClickStub");
+			buttonClickStub.callsFake(() => {
+				($button[0] as Button).disabled = true;
+			});
+
+			$button[0].addEventListener("click", buttonClickStub);
+		});
+
+		cy.get("#action-button").click();
+
+		cy.get("@buttonClickStub").should("have.been.calledOnce");
+		cy.get("@itemClickStub").should("not.have.been.called");
+	});
+
 	it("selectionChange events provides previousSelection item", () => {
 		cy.mount(
 			<div>

packages/main/src/ListItemBase.ts

@@ -165,12 +165,35 @@ class ListItemBase extends UI5Element implements ITabbable {
 	}
 
 	_onclick(e: MouseEvent) {
-		if (this.getFocusDomRef()!.matches(":has(:focus-within)")) {
+		if (this._isInteractiveContentClicked(e)) {
 			return;
 		}
 		this.fireItemPress(e);
 	}
 
+	_isInteractiveContentClicked(e: MouseEvent): boolean {
+		const focusDomRef = this.getFocusDomRef();
+		if (!focusDomRef) {
+			return false;
+		}
+
+		const path = e.composedPath();
+		const boundaryIndex = path.findIndex(target => target === this || target === focusDomRef);
+		const relevantPath = boundaryIndex === -1 ? path : path.slice(0, boundaryIndex);
+
+		return relevantPath.some(target => {
+			if (!(target instanceof HTMLElement)) {
+				return false;
+			}
+
+			if (target.matches("button, input, select, textarea, a[href], [contenteditable]:not([contenteditable='false'])")) {
+				return true;
+			}
+
+			return target.matches("ui5-button, ui5-link, ui5-input, ui5-textarea, ui5-select, ui5-combobox, ui5-multi-combobox, ui5-switch, ui5-checkbox, ui5-radio-button, ui5-date-picker, ui5-daterange-picker, ui5-time-picker, ui5-step-input");
+		});
+	}
+
 	/**
 	 * Override from subcomponent, if needed
 	 */