fix(ui5-avatar-group): adapt width calculations in composite layouts (#5357)

stbodurov · web-flow · commit d17680023794 · 2022-06-14T11:32:29.000+03:00
The calculations of the main container width have been adjusted to take into account sibling nodes. Fixes #5333
diff --git a/packages/main/src/AvatarGroup.js b/packages/main/src/AvatarGroup.js
@@ -382,7 +382,7 @@ class AvatarGroup extends UI5Element {
 				item = button;
 			}
 
-			return this.effectiveDir === "rtl" ? this._getWidthToItem(item) : item.offsetLeft;
+			return this.effectiveDir === "rtl" ? this._getWidthToItem(item) : item.offsetLeft - this.offsetLeft;
 		}
 
 		return button.offsetWidth;
@@ -526,7 +526,7 @@ class AvatarGroup extends UI5Element {
 		}
 
 		// in LTR the width is equal to item.offsetLeft
-		return item.offsetLeft;
+		return item.offsetLeft - this.offsetLeft;
 	}
 
 	/**

Original file line number	Diff line number	Diff line change
`@@ -382,7 +382,7 @@ class AvatarGroup extends UI5Element {`
`382`	`382`	`item = button;`
`383`	`383`	`}`
`384`	`384`
`385`		`- return this.effectiveDir === "rtl" ? this._getWidthToItem(item) : item.offsetLeft;`
	`385`	`+ return this.effectiveDir === "rtl" ? this._getWidthToItem(item) : item.offsetLeft - this.offsetLeft;`
`386`	`386`	`}`
`387`	`387`
`388`	`388`	`return button.offsetWidth;`
`@@ -526,7 +526,7 @@ class AvatarGroup extends UI5Element {`
`526`	`526`	`}`
`527`	`527`
`528`	`528`	`// in LTR the width is equal to item.offsetLeft`
`529`		`- return item.offsetLeft;`
	`529`	`+ return item.offsetLeft - this.offsetLeft;`
`530`	`530`	`}`
`531`	`531`
`532`	`532`	`/**`