@ui5/webcomponents 2.6.0-rc.0 → 2.6.0-rc.1

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.6.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v2.6.0-rc.0...v2.6.0-rc.1) (2024-12-16)
+
+
+### Bug Fixes
+
+* **ui5-list:** focus list on non-focusable child click ([#10124](https://github.com/SAP/ui5-webcomponents/issues/10124)) ([6f98645](https://github.com/SAP/ui5-webcomponents/commit/6f9864593f4c4e54162ba203d10734d308c14e4f)), closes [#10096](https://github.com/SAP/ui5-webcomponents/issues/10096)
+* **ui5-list:** stop tab index change propagation ([#10354](https://github.com/SAP/ui5-webcomponents/issues/10354)) ([d130b8f](https://github.com/SAP/ui5-webcomponents/commit/d130b8f1d28b8fac3c78fb786dc0d57c5841043e)), closes [#10120](https://github.com/SAP/ui5-webcomponents/issues/10120)
+* **ui5-popover:** fix finding opener ([#10360](https://github.com/SAP/ui5-webcomponents/issues/10360)) ([941c6eb](https://github.com/SAP/ui5-webcomponents/commit/941c6eb215daf664d79448e7fe10d2e3ca7289e2))
+
+
+
+
+
 # [2.6.0-rc.0](https://github.com/SAP/ui5-webcomponents/compare/v2.5.0...v2.6.0-rc.0) (2024-12-12)
 
 

package/cypress/specs/List.cy.ts

@@ -34,83 +34,119 @@ describe("List Tests", () => {
 
 	it("Arrow down and up navigation between last item and growing button", () => {
 		cy.mount(html`
-		<ui5-list id="infiniteScrollEx2" growing="Button">
-			<ui5-li>Laptop Lenovo</ui5-li>
-			<ui5-li>IPhone 3</ui5-li>
-			<ui5-li>HP Monitor 24</ui5-li>
-			<ui5-li id="lastItem">Last Item</ui5-li>
-		</ui5-list>
+			<ui5-list growing="Button">
+				<ui5-li>Laptop Lenovo</ui5-li>
+				<ui5-li>IPhone 3</ui5-li>
+				<ui5-li>HP Monitor 24</ui5-li>
+			</ui5-list>
 		`);
 
-		cy.get("#lastItem")
-			.shadow()
-			.find("li[role='listitem']")
-			.invoke("attr", "tabindex", "0")
-			.focus();
+		cy.get("[ui5-list]")
+			.as("list");
+
+		// Click the last item to set focus
+		cy.get("@list")
+			.find("ui5-li")
+			.last()
+			.click();
 
-		cy.get("#infiniteScrollEx2")
-			.realPress("ArrowDown");
+		// Verify the last item is focused
+		cy.get("@list")
+			.find("ui5-li")
+			.last()
+			.should("be.focused");
+
+		// Press arrow down once to move focus to the growing button
+		cy.realPress("ArrowDown");
 
-		cy.get("#infiniteScrollEx2")
+		// Verify the growing button is focused
+		cy.get("@list")
 			.shadow()
-			.find("[id$=\"growing-btn\"]")
+			.find("[id$='growing-btn']")
 			.should("be.focused");
 
-		cy.get("#infiniteScrollEx2")
-			.realPress("ArrowUp");
+		// Arrow up once to move focus back to the last item
+		cy.realPress("ArrowUp");
 
-		cy.get("#lastItem")
+		// Verify the last item is focused
+		cy.get("@list")
+			.find("ui5-li")
+			.last()
 			.should("be.focused");
 	});
 
 	it("Home key on growing button moves focus to first item", () => {
 		cy.mount(html`
-		<ui5-list id="infiniteScrollEx2" growing="Button">
-			<ui5-li id="firstItem">Laptop Lenovo</ui5-li>
-			<ui5-li>IPhone 3</ui5-li>
-			<ui5-li>HP Monitor 24</ui5-li>
-			<ui5-li id="lastItem">Last Item</ui5-li>
-		</ui5-list>
+			<ui5-list growing="Button">
+				<ui5-li>Laptop Lenovo</ui5-li>
+				<ui5-li>IPhone 3</ui5-li>
+				<ui5-li>HP Monitor 24</ui5-li>
+			</ui5-list>
 		`);
 
-		cy.get("#infiniteScrollEx2")
+		cy.get("[ui5-list]")
+			.as("list");
+
+		// Click the growing button to set focus
+		cy.get("@list")
+			.shadow()
+			.find("[id$='growing-btn']")
+			.click();
+
+		// Wait for the growing button to be focused
+		cy.get("@list")
 			.shadow()
-			.find("[id$=\"growing-btn\"]")
-			.focus();
+			.find("[id$='growing-btn']")
+			.should("be.focused");
 
-		cy.get("#infiniteScrollEx2")
-			.realPress("Home");
+		// Press Home key to move focus to the first item
+		cy.realPress("Home");
 
-		cy.get("#firstItem")
+		// Verify the first item is focused
+		cy.get("@list")
+			.find("ui5-li")
+			.first()
 			.should("be.focused");
 	});
 
 	it("End key navigation moves focus from first item to last item and then to growing button", () => {
 		cy.mount(html`
-		<ui5-list id="infiniteScrollEx2" growing="Button">
-			<ui5-li id="firstItem">Laptop Lenovo</ui5-li>
-			<ui5-li>IPhone 3</ui5-li>
-			<ui5-li>HP Monitor 24</ui5-li>
-			<ui5-li id="lastItem">Last Item</ui5-li>
-		</ui5-list>
+			<ui5-list growing="Button">
+				<ui5-li>Laptop Lenovo</ui5-li>
+				<ui5-li>IPhone 3</ui5-li>
+				<ui5-li>HP Monitor 24</ui5-li>
+			</ui5-list>
 		`);
 
-		cy.get("#firstItem")
-			.shadow()
-			.find("li[role='listitem']")
-			.invoke("attr", "tabindex", "0")
-			.focus();
+		cy.get("[ui5-list]")
+			.as("list");
+
+		// Click the first item to set focus
+		cy.get("@list")
+			.find("ui5-li")
+			.first()
+			.click();
+
+		// Wait for the first item to be focused
+		cy.get("@list")
+			.find("ui5-li")
+			.first()
+			.should("be.focused");
 
-		cy.get("#infiniteScrollEx2")
-			.realPress("End");
+		// Press End key to move focus to the last item
+		cy.realPress("End");
 
-		cy.get("#lastItem")
+		// Verify the last item is focused
+		cy.get("@list")
+			.find("ui5-li")
+			.last()
 			.should("be.focused");
 
-		cy.get("#infiniteScrollEx2")
-			.realPress("End");
+		// Press End key again to move focus to the growing button
+		cy.realPress("End");
 
-		cy.get("#infiniteScrollEx2")
+		// Verify the growing button is focused
+		cy.get("@list")
 			.shadow()
 			.find("[id$='growing-btn']")
 			.should("be.focused");