@openui5/sap.m 1.115.1 → 1.117.0

package/src/sap/m/DynamicDateRange.js

@@ -242,7 +242,7 @@ sap.ui.define([
 		 * is opened. The dialog is closed via a date time period value selection or by pressing the "Cancel" button.
 		 *
 		 * @author SAP SE
-		 * @version 1.115.1
+		 * @version 1.117.0
 		 *
 		 * @constructor
 		 * @public
@@ -428,8 +428,14 @@ sap.ui.define([
 					 * @since 1.111.0
 					 */
 
-					calendarWeekNumbering : { type : "sap.ui.core.date.CalendarWeekNumbering", group : "Appearance", defaultValue: null}
+					calendarWeekNumbering : { type : "sap.ui.core.date.CalendarWeekNumbering", group : "Appearance", defaultValue: null},
 
+					/**
+					 * Specifies whether clear icon is shown.
+					 * Pressing the icon will clear input's value and fire the liveChange event.
+					 * @since 1.117
+					 */
+					showClearIcon: { type: "boolean", defaultValue: false }
 				},
 				aggregations: {
 					/**
@@ -490,6 +496,7 @@ sap.ui.define([
 		var aNextOptions = ["NEXTMINUTES", "NEXTHOURS", "NEXTDAYS", "NEXTWEEKS", "NEXTMONTHS", "NEXTQUARTERS", "NEXTYEARS"];
 
 		DynamicDateRange.prototype.init = function() {
+			var bValueHelpDecorative = !Device.support.touch || Device.system.desktop ? true : false;
 			this._oInput = new DynamicDateRangeInput(this.getId() + "-input", {
 				showValueHelp: true,
 				valueHelpIconSrc: IconPool.getIconURI("sap-icon://check-availability"),
@@ -506,7 +513,7 @@ sap.ui.define([
 				}
 			};
 
-			this._oInput._getValueHelpIcon().setDecorative(false);
+			this._oInput._getValueHelpIcon().setDecorative(bValueHelpDecorative);
 
 			this._oInput.addDelegate(this._onBeforeInputRenderingDelegate, this);
 
@@ -570,6 +577,31 @@ sap.ui.define([
 			return this;
 		};
 
+		/**
+		 * Sets the tooltip for the <code>DynamicDateRange</code>.
+		 * @param {sap.ui.core.TooltipBase|string} vTooltip The tooltip that should be shown.
+		 * @returns {this} Reference to <code>this</code> for method chaining
+		 * @public
+		 * @override
+		 */
+		DynamicDateRange.prototype.setTooltip = function(vTooltip) {
+			this._oInput.setTooltip(vTooltip);
+			return Control.prototype.setTooltip.apply(this, arguments);
+		};
+
+		/**
+		 * Sets the showClearIcon for the <code>DynamicDateRange</code>.
+		 * @param {boolean} bShowClearIcon Whether to show clear icon.
+		 * @returns {this} Reference to <code>this</code> for method chaining
+		 * @public
+		 * @override
+		 */
+		DynamicDateRange.prototype.setShowClearIcon = function(bShowClearIcon) {
+			this.setProperty("showClearIcon", bShowClearIcon);
+			this._oInput.setShowClearIcon(bShowClearIcon);
+			return this;
+		};
+
 		DynamicDateRange.prototype.onBeforeRendering = function() {
 			this._updateInputValue(this.getValue());
 			this._oInput.setEditable(this.getEditable());
@@ -1785,6 +1817,10 @@ sap.ui.define([
 		DynamicDateRangeInputRenderer.apiVersion = 2;
 
 		DynamicDateRangeInputRenderer.writeInnerAttributes = function(oRm, oControl) {
+			if (oControl.getShowSuggestion() || oControl.getShowValueStateMessage()) {
+				oRm.attr("autocomplete", "off");
+			}
+
 			var oDynamicDateRange = oControl._getControlOrigin ? oControl._getControlOrigin() : null,
 				mAccAttributes = this.getAccessibilityState(oControl);
 
@@ -1824,8 +1860,9 @@ sap.ui.define([
 
 			mAccessibilityState.roledescription = oResourceBundle.getText("ACC_CTR_TYPE_DYNAMIC_DATE_RANGE");
 			mAccessibilityState.role = this.getAriaRole();
-			mAccessibilityState.haspopup = coreLibrary.aria.HasPopup.ListBox.toLowerCase();
-			mAccessibilityState.autocomplete = "list";
+			if (oControl.getEditable() && oControl.getEnabled()) {
+				mAccessibilityState.haspopup = coreLibrary.aria.HasPopup.ListBox.toLowerCase();
+			}
 			mAccessibilityState.controls = oDynamicDateRange._oPopup && oDynamicDateRange._oPopup.getDomRef() ?
 				oDynamicDateRange._oPopup.getDomRef().id : undefined;
 

package/src/sap/m/DynamicDateValueHelpUIType.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/core/Element'],
 		 * @extends sap.ui.core.Element
 		 *
 		 * @author SAP SE
-		 * @version 1.115.1
+		 * @version 1.117.0
 		 *
 		 * @public
 		 * @since 1.92

package/src/sap/m/ExpandableText.js

@@ -105,7 +105,7 @@ function(library,
 	 * @implements sap.ui.core.IFormContent, sap.m.IHyphenation
 	 *
 	 * @author SAP SE
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FacetFilter.js

@@ -174,7 +174,7 @@ sap.ui.define([
 	 *
 	 * @extends sap.ui.core.Control
 	 * @implements sap.ui.core.IShrinkable
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public
@@ -1649,7 +1649,6 @@ sap.ui.define([
 				beginButton : new Button({
 					text : this._bundle.getText("FACETFILTER_ACCEPT"),
 					type: ButtonType.Emphasized,
-					tooltip:this._bundle.getText("FACETFILTER_ACCEPT"),
 					press : function() {
 
 						that._closeDialog();
@@ -2080,7 +2079,6 @@ sap.ui.define([
 		if (!oFooter) {
 			oButton = new Button({
 				text: this._bundle.getText("FACETFILTER_ACCEPT"),
-				tooltip: this._bundle.getText("FACETFILTER_ACCEPT"),
 				press: function() {
 					this._closePopover();
 				}.bind(this)

package/src/sap/m/FacetFilterItem.js

@@ -20,7 +20,7 @@ sap.ui.define(['./ListItemBase', './library', './FacetFilterItemRenderer'],
 	 * @class
 	 * Represents a value for the {@link sap.m.FacetFilterList} control.
 	 * @extends sap.m.ListItemBase
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FacetFilterList.js

@@ -52,7 +52,7 @@ sap.ui.define([
 	 * be closed.
 	 *
 	 * @extends sap.m.List
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FeedContent.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 * @since 1.34
 	 *
 	 * @public

package/src/sap/m/FeedInput.js

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FeedListItem.js

@@ -58,7 +58,7 @@ function(
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public
@@ -373,6 +373,7 @@ function(
 	};
 
 	FeedListItem.prototype.onAfterRendering = function() {
+		var oFormattedText = this.getAggregation("_text");
 		if (document.getElementById(this.getAggregation("_actionButton"))) {
 			document.getElementById(this.getAggregation("_actionButton").getId()).setAttribute("aria-haspopup", "menu");
 		}
@@ -380,6 +381,8 @@ function(
 			this._clearEmptyTagsInCollapsedText();
 		}
 		this.$("realtext").find('a[target="_blank"]').on("click", openLink);
+
+		oFormattedText && oFormattedText._sanitizeCSSPosition(this.getDomRef()); // perform CSS position sanitize
 	};
 
 	FeedListItem.prototype.exit = function() {
@@ -402,6 +405,9 @@ function(
 
 	// open links href using safe API
 	function openLink (oEvent) {
+		if (oEvent.originalEvent.defaultPrevented) {
+			return;
+		}
 		oEvent.preventDefault();
 		openWindow(oEvent.currentTarget.href, oEvent.currentTarget.target);
 	}
@@ -606,24 +612,35 @@ function(
 		var $threeDots = this.$("threeDots");
 		var sMoreLabel = FeedListItem._sTextShowMore;
 		var sLessLabel = FeedListItem._sTextShowLess;
+		var oFormattedText = this.getAggregation("_text");
+
 		if (this.getMoreLabel()) {
 			sMoreLabel = this.getMoreLabel();
 		}
 		if (this.getLessLabel()) {
 			sLessLabel = this.getLessLabel();
 		}
+
+		// detach click events
+		$text.find('a[target="_blank"]').off("click");
+
 		if (this._bTextExpanded) {
 			$text.html(this._sShortText.replace(/&#xa;/g, "<br>"));
+			oFormattedText._sanitizeCSSPosition($text[0]); // perform CSS position sanitize
 			$threeDots.text(" ... ");
 			this._oLinkExpandCollapse.setText(sMoreLabel);
 			this._bTextExpanded = false;
 			this._clearEmptyTagsInCollapsedText();
 		} else {
 			$text.html(this._sFullText.replace(/&#xa;/g, "<br>"));
+			oFormattedText._sanitizeCSSPosition($text[0]); // perform CSS position sanitize
 			$threeDots.text("  ");
 			this._oLinkExpandCollapse.setText(sLessLabel);
 			this._bTextExpanded = true;
 		}
+
+		// attach again click events since the text is changed without rerendering
+		$text.find('a[target="_blank"]').on("click", openLink);
 	};
 
 	/**

package/src/sap/m/FeedListItemAction.js

@@ -19,7 +19,7 @@ sap.ui.define(["sap/ui/core/Element"],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Fiori20Adapter.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 *
 	 *
 	 * @class text
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 * @private
 	 * @since 1.38
 	 * @alias HeaderAdapter
@@ -228,7 +228,7 @@ sap.ui.define([
 	 * Constructor for an sap.m.Fiori20Adapter.
 	 *
 	 * @class text
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 * @private
 	 * @since 1.38
 	 * @alias sap.m.Fiori20Adapter

package/src/sap/m/FlexBox.js

@@ -62,7 +62,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @public
 	 * @alias sap.m.FlexBox

package/src/sap/m/FlexItemData.js

@@ -24,7 +24,7 @@ sap.ui.define(["./FlexBoxStylingHelper", "./library", "sap/ui/core/LayoutData"],
 	 * @class
 	 * Holds layout data for a FlexBox / HBox / VBox.
 	 * @extends sap.ui.core.LayoutData
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FormattedText.js

@@ -46,7 +46,7 @@ function(
 		 * @class
 		 * The FormattedText control allows the usage of a limited set of tags for inline display of formatted text in HTML format.
 		 * @extends sap.ui.core.Control
-		 * @version 1.115.1
+		 * @version 1.117.0
 		 *
 		 * @constructor
 		 * @public
@@ -89,7 +89,6 @@ function(
 					 *	<li><code>li</code></li>
 					 * </ul>
 					 * <p><code>style, dir</code> and <code>target</code> attributes are allowed.
-					 * <p>The <code>class</code> attribute is allowed, but its value is sanitized to contain only supported CSS classes, see {@link topic:91a4946b0dcf4356aaaedc4e502864f4 List of Supported CSS Classes}.
 					 * <p>If <code>target</code> is not set, links open in a new window by default.
 					 * <p>Only safe <code>href</code> attributes can be used. See {@link module:sap/base/security/URLListValidator URLListValidator}.
 					 *
@@ -230,46 +229,6 @@ function(
 		FormattedText.prototype.init = function () {
 		};
 
-		/**
-		 * Sanitizes the value of an HTMLElement's style attribute.
-		 * @param {string} a semicolon-separated list of css rules
-		 * @returns {string} the sanitized value
-		 * @private
-		 */
-		function sanitizeCSSStyles(value) {
-			var fnParseCssDeclarations = window['parseCssDeclarations'];
-
-			if (!fnParseCssDeclarations) {
-				return null;
-			}
-			var sanitizedDeclarations = [];
-			fnParseCssDeclarations(
-				value,
-				{
-				declaration: function (property, tokens) {
-					var normProp = property.toLowerCase();
-					if (normProp == "position") {
-						return;
-					}
-					sanitizedDeclarations.push(property + ': ' + tokens.join(' '));
-				}
-			});
-			return sanitizedDeclarations.length > 0 ? sanitizedDeclarations.join('; ') + ";" : null;
-		}
-
-		/**
-		 * Sanitizes the externally-specified css classes.
-		 * @param {string} sClasses a space-separated list of css classes
-		 * @returns {string} the filtered classes
-		 * @private
-		 */
-		function sanitizeCSSClasses(sClasses) {
-			return sClasses.split(" ").filter(function(sClass) {
-				// allow only the supported theming classes
-				return sClass.trim().startsWith("sapTheme");
-			}).join(" ");
-		}
-
 		/**
 		 * Sanitizes attributes on an HTML tag.
 		 *
@@ -310,17 +269,14 @@ function(
 						addTarget = false;
 					}
 				}
+
 				if (attr == "target") { // a::target already exists
 					addTarget = false;
 				}
-				if (attr == "style") {
-					attribs[i + 1] = sanitizeCSSStyles(value);
-				}
 
-				// filter the externally-defined classes and
-				// add the required UI5 classes
-				if (attr.toLowerCase() == "class") {
-					attribs[i + 1] = (cssClass + " " + sanitizeCSSClasses(value)).trim();
+				// add UI5 classes to the user defined
+				if (cssClass && attr.toLowerCase() == "class") {
+					attribs[i + 1] = cssClass + " " + value;
 					cssClass = "";
 				}
 			}
@@ -369,9 +325,12 @@ function(
 
 		// open links href using safe API
 		function openLink (oEvent) {
+			if (oEvent.originalEvent.defaultPrevented) {
+				return;
+			}
 			oEvent.preventDefault();
 			var oLink = Core.byId(oEvent.currentTarget.id);
-			if (oLink && oLink.isA('sap.m.Link') && oLink.getAccessibleRole() === library.LinkAccessibleRole.Button) {
+			if (oLink && oLink.isA('sap.m.Link') && (oLink.getAccessibleRole() === library.LinkAccessibleRole.Button || !oLink.getHref())) {
 				return;
 			}
 			openWindow(oEvent.currentTarget.href, oEvent.currentTarget.target);
@@ -390,12 +349,47 @@ function(
 					oLink.getDomRef().style.display = "none";
 				}
 			}.bind(this));
+
+			this._sanitizeCSSPosition(this.getDomRef());
 		};
 
 		FormattedText.prototype.onBeforeRendering = function () {
 			this.$().find('a').off("click", openLink);
 		};
 
+		/**
+		 * Adds CSS static position to provided DOM reference internal HTML nodes.
+		 *
+		 * @param {Element} oDomRef DOM reference that should be sanitized
+		 * @private
+		 */
+		FormattedText.prototype._sanitizeCSSPosition = function(oDomRef) {
+
+			if (!oDomRef) {
+				return;
+			}
+
+			var oWalker = document.createTreeWalker(
+					oDomRef,
+					NodeFilter.SHOW_ELEMENT
+				),
+				oCurrentNode = oWalker.nextNode();
+
+			while (oCurrentNode) {
+				oCurrentNode.style.setProperty("position", "static", "important");
+				oCurrentNode = oWalker.nextNode();
+			}
+		};
+
+		/**
+		 * Returns the HTML that should be displayed.
+		 *
+		 * IMPORTANT NOTE: When a HTML returned by this method is being placed in the page DOM, ALWAYS call _sanitizeCSSPosition
+		 * after it is rendered on the page DOM in order to sanitize the CSS position!
+		 *
+		 * @return {string} HTML that should be rendered
+		 * @private
+		 */
 		FormattedText.prototype._getDisplayHtml = function (){
 			var sText = this.getHtmlText(),
 				sAutoGenerateLinkTags = this.getConvertLinksToAnchorTags();

package/src/sap/m/GenericTag.js

@@ -53,7 +53,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/GenericTile.js

@@ -81,7 +81,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 * @since 1.34.0
 	 *
 	 * @public

package/src/sap/m/GroupHeaderListItem.js

@@ -30,7 +30,7 @@ sap.ui.define(["sap/ui/core/library", "./library", "./ListItemBase", "./GroupHea
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/GroupHeaderListItemRenderer.js

@@ -33,9 +33,10 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Renderer", "./ListItemBaseRen
 	// for dummy cell rendering position inherit from ColumnListItemRenderer
 	GroupHeaderListItemRenderer.renderContentLatter = ColumnListItemRenderer.renderContentLatter;
 
-	// GroupHeaderListItem does not respect counter property of the LIB
-	GroupHeaderListItemRenderer.renderCounter = function(rm, oLI) {
-	};
+	// GroupHeaderListItem does not respect mode, counter and highlight property of the LIB
+	GroupHeaderListItemRenderer.renderMode = function(rm, oLI) {};
+	GroupHeaderListItemRenderer.renderCounter = function(rm, oLI) {};
+	GroupHeaderListItemRenderer.renderHighlight = function(rm, oLI) {};
 
 	/**
 	 * Renders the attributes for the given list item, using the provided
@@ -68,11 +69,10 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Renderer", "./ListItemBaseRen
 	 */
 	GroupHeaderListItemRenderer.renderLIContentWrapper = function(rm, oLI) {
 		var oTable = oLI.getTable();
-
 		if (oTable) {
 			rm.openStart("td");
 			rm.class("sapMGHLICell");
-			rm.attr("colspan", oTable.getColSpan());
+			rm.attr("colspan", oTable.getColCount() - 2 /* Type and Navigated cells are always rendered */- oTable.shouldRenderDummyColumn());
 			rm.openEnd();
 		}
 

package/src/sap/m/GrowingEnablement.js

@@ -7,6 +7,8 @@
 // Provides class sap.m.GrowingEnablement
 sap.ui.define([
 	'sap/ui/base/Object',
+	'sap/ui/core/Lib',
+	'sap/ui/core/RenderManager', // Future TODO: replace the creation of new RenderManager instance
 	'sap/ui/core/format/NumberFormat',
 	'sap/m/library',
 	'sap/ui/model/ChangeReason',
@@ -15,11 +17,12 @@ sap.ui.define([
 	'sap/ui/core/HTML',
 	'sap/m/CustomListItem',
 	'sap/base/security/encodeXML',
-	'sap/ui/core/Core',
 	"sap/ui/thirdparty/jquery"
 ],
 	function(
 		BaseObject,
+		Library,
+		RenderManager,
 		NumberFormat,
 		library,
 		ChangeReason,
@@ -28,7 +31,6 @@ sap.ui.define([
 		HTML,
 		CustomListItem,
 		encodeXML,
-		Core,
 		jQuery
 	) {
 	"use strict";
@@ -264,7 +266,7 @@ sap.ui.define([
 			var sTriggerID = this._oControl.getId() + "-trigger",
 				sTriggerText = this._oControl.getGrowingTriggerText();
 
-			sTriggerText = sTriggerText || Core.getLibraryResourceBundle("sap.m").getText("LOAD_MORE_DATA");
+			sTriggerText = sTriggerText || Library.getResourceBundleFor("sap.m").getText("LOAD_MORE_DATA");
 			this._oControl.addNavSection(sTriggerID);
 
 			if (this._oTrigger) {
@@ -538,7 +540,7 @@ sap.ui.define([
 				}
 			}
 
-			this._oRM = this._oRM || Core.createRenderManager();
+			this._oRM = this._oRM || new RenderManager(); // Future TODO: replace the creation of new RenderManager instance
 			for (var i = 0; i < iLength; i++) {
 				this._oRM.renderControl(this._aChunk[i]);
 			}
@@ -823,9 +825,12 @@ sap.ui.define([
 				if (this._bHadFocus) {
 					this._bHadFocus = false;
 					jQuery(this._oControl.getNavigationRoot()).trigger("focus");
-				} else if (oTriggerDomRef && oTriggerDomRef.contains(document.activeElement)) {
+				} else if (!this._iFocusTimer && oTriggerDomRef && oTriggerDomRef.contains(document.activeElement)) {
 					var oFocusTarget = aItems[this._iLastItemsCount] || aItems[iItemsLength - 1] || oControl;
-					oFocusTarget && setTimeout(oFocusTarget.focus.bind(oFocusTarget));
+					this._iFocusTimer = setTimeout(function() {
+						this._iFocusTimer = 0;
+						oFocusTarget.focus();
+					}.bind(this));
 				}
 
 				// show, update or hide the growing button
@@ -835,7 +840,7 @@ sap.ui.define([
 					oControl.$("triggerList").css("display", "none");
 					oControl.$("listUl").removeClass("sapMListHasGrowing");
 				} else {
-					var oBundle = Core.getLibraryResourceBundle("sap.m");
+					var oBundle = Library.getResourceBundleFor("sap.m");
 					if (bLengthFinal) {
 						oControl.$("triggerInfo").css("display", "block").text(this._getListItemInfo());
 						var aCounts = this._getItemCounts();
@@ -847,10 +852,7 @@ sap.ui.define([
 					oControl.$("triggerList").css("display", "");
 					oControl.$("listUl").addClass("sapMListHasGrowing");
 					oTrigger.$().removeClass("sapMGrowingListBusyIndicatorVisible");
-
-					if (oControl.isA("sap.m.Table") && !oControl.hasPopin()) {
-						this.adaptTriggerButtonWidth(oControl, oTriggerDomRef);
-					}
+					this.adaptTriggerButtonWidth();
 				}
 
 				// store the last item count to be able to focus to the newly added item when the growing button is pressed
@@ -875,31 +877,31 @@ sap.ui.define([
 			}
 		},
 
-		adaptTriggerButtonWidth: function(oControl, oTriggerDomRef) {
-			// adapt trigger button width if dummy col is rendered
-			if (oControl.shouldRenderDummyColumn() && oControl.$("listUl").hasClass("sapMListHasGrowing")) {
+		// adapt trigger button width if dummy col is rendered
+		adaptTriggerButtonWidth: function() {
+			var oControl = this._oControl;
+			if (!oControl.isA("sap.m.Table") || oControl.hasPopin() || !oControl.shouldRenderDummyColumn()) {
+				return;
+			}
+
+			window.requestAnimationFrame(function() {
+				var oTriggerDomRef = this._oTrigger && this._oTrigger.getDomRef();
 				if (!oTriggerDomRef) {
-					oTriggerDomRef = this._oTrigger.getDomRef();
+					return;
 				}
 
-				window.requestAnimationFrame(function() {
-					if (oControl.bIsDestroyed) {
-						return;
+				var sCalWidth = Array.from(oControl.getDomRef("tblHeader").childNodes).slice(0, -1).map(function(oDomRef) {
+					var sWidth = oDomRef.style.width;
+					if (!sWidth || !sWidth.includes("%")) {
+						return oDomRef.getBoundingClientRect().width + "px";
+					} else {
+						return sWidth;
 					}
-
-					var sCalWidth = Array.from(oControl.getDomRef("tblHeader").childNodes).slice(0, -1).map(function(oDomRef) {
-						var sWidth = oDomRef.getAttribute("data-sap-width");
-						if (!sWidth || !sWidth.includes("%")) {
-							return oDomRef.getBoundingClientRect().width + "px";
-						} else {
-							return sWidth;
-						}
-					}).join(" + ");
-					// 1px is borderLeft of the dummyCell
-					oTriggerDomRef.style.width = "calc(" + sCalWidth + " + 1px)";
-					oTriggerDomRef.classList.add("sapMGrowingListDummyColumn");
-				});
-			}
+				}).join(" + ");
+				// 1px is borderLeft of the dummyCell
+				oTriggerDomRef.style.width = "calc(" + sCalWidth + " + 1px)";
+				oTriggerDomRef.classList.add("sapMGrowingListDummyColumn");
+			}.bind(this));
 		}
 	});
 

package/src/sap/m/GrowingList.js

@@ -22,7 +22,7 @@ sap.ui.define(['./List', './library', './GrowingListRenderer', 'sap/ui/core/Conf
 	 * @extends sap.m.List
 	 *
 	 * @author SAP SE
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/HBox.js

@@ -25,7 +25,7 @@ sap.ui.define(['./FlexBox', './library', './HBoxRenderer'],
 	 * @extends sap.m.FlexBox
 	 *
 	 * @author SAP SE
-	 * @version 1.115.1
+	 * @version 1.117.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/HeaderContainer.js

@@ -124,7 +124,7 @@ sap.ui.define([
 		 * @since 1.44.0
 		 *
 		 * @author SAP SE
-		 * @version 1.115.1
+		 * @version 1.117.0
 		 *
 		 * @public
 		 * @alias sap.m.HeaderContainer