@ui5/webcomponents 2.7.5 → 2.7.7

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.7.7](https://github.com/SAP/ui5-webcomponents/compare/v2.7.6...v2.7.7) (2025-05-20)
+
+
+### Bug Fixes
+
+* **ui5-avatar-group:** fixed focus outline ([#11023](https://github.com/SAP/ui5-webcomponents/issues/11023)) ([bc5ab6b](https://github.com/SAP/ui5-webcomponents/commit/bc5ab6bac3a693de7ef5df8606e4b8325954b0a4)), closes [#10963](https://github.com/SAP/ui5-webcomponents/issues/10963)
+* **ui5-avatar-group:** fixed unnecessary rendering of overflow button ([#10979](https://github.com/SAP/ui5-webcomponents/issues/10979)) ([900dc73](https://github.com/SAP/ui5-webcomponents/commit/900dc739217e4e3874ee2232ec5f399b910d9e15)), closes [#10948](https://github.com/SAP/ui5-webcomponents/issues/10948)
+
+
+
+
+
+## [2.7.6](https://github.com/SAP/ui5-webcomponents/compare/v2.7.5...v2.7.6) (2025-05-14)
+
+**Note:** Version bump only for package @ui5/webcomponents
+
+
+
+
+
 ## [2.7.5](https://github.com/SAP/ui5-webcomponents/compare/v2.7.4...v2.7.5) (2025-05-07)
 
 

package/cypress/specs/AvatarGroup.cy.tsx

@@ -0,0 +1,51 @@
+import Avatar from "../../src/Avatar.js";
+import AvatarGroup from "../../src/AvatarGroup.js";
+
+describe("Overflow", () => {
+	it("checks if overflow button is hiding properly", () => {
+		cy.mount(<AvatarGroup id="ag" style="width: 100px;">
+			<Avatar initials="II"></Avatar>
+			<Avatar initials="II"></Avatar>
+			<Avatar initials="II"></Avatar>
+		</AvatarGroup>);
+
+		// Store the expected hidden items to compare against
+		const expectedHiddenItems = 0;
+
+		// Check if the aria-label is correctly set
+		cy.get("#ag")
+			.as("ag")
+			.then($el => {
+				$el.get(0).innerHTML = "";
+				return $el;
+			});
+
+		// eslint-disable-next-line cypress/no-unnecessary-waiting
+		cy.wait(200);
+
+		cy.get("@ag")
+			.then($el => {
+				const avatar = document.createElement("ui5-avatar");
+				avatar.setAttribute("initials", "II");
+				$el.get(0).appendChild(avatar);
+				const ag = document.querySelector("#ag") as AvatarGroup;
+				return ag._hiddenItems;
+			})
+			.should("equal", expectedHiddenItems);
+	});
+});
+
+describe("Avatars arrangement", () => {
+	it("checks if no unnecessary margin is applied of only one Avatar is available", () => {
+		cy.mount(<AvatarGroup id="ag2" type="Group">
+			<Avatar id="av1" initials="II"></Avatar>
+			<Avatar id="av2" initials="II"></Avatar>
+		</AvatarGroup>);
+
+		cy.get("#av2").invoke("remove");
+
+		cy.get("#av1")
+			.invoke("attr", "style")
+			.should("equal", "");
+	});
+});