@openui5/sap.m 1.98.0 → 1.99.0

package/src/sap/m/FacetFilterList.js

@@ -52,7 +52,7 @@ sap.ui.define([
 	 * be closed.
 	 *
 	 * @extends sap.m.List
-	 * @version 1.98.0
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
@@ -876,7 +876,7 @@ sap.ui.define([
 	 * This method overrides runs when the list updates its items.
 	 * The reason for the update is given by sReason, which for example, can be when the
 	 * list is filtered or when it grows.
-	 * @param {String} sReason reason for update
+	 * @param {string} sReason reason for update
 	 */
 	FacetFilterList.prototype.updateItems = function(sReason) {
 		var oPrevActiveElement = document.activeElement;

package/src/sap/m/FacetFilterRenderer.js

@@ -26,7 +26,7 @@ sap.ui.define(["sap/m/library", "sap/ui/Device", "sap/ui/core/InvisibleText"],
 	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 	 *
 	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered
+	 * @param {sap.m.FacetFilter} oControl An object representation of the control that should be rendered
 	 */
 	FacetFilterRenderer.render = function(oRm, oControl){
 		if (oControl.getType() === FacetFilterType.Light || oControl.getShowSummaryBar()) {
@@ -42,7 +42,7 @@ sap.ui.define(["sap/m/library", "sap/ui/Device", "sap/ui/core/InvisibleText"],
 	 *
 	 *
 	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered
+	 * @param {sap.m.FacetFilter} oControl An object representation of the control that should be rendered
 	 */
 	FacetFilterRenderer.renderSimpleFlow = function(oRm, oControl) {
 
@@ -102,7 +102,7 @@ sap.ui.define(["sap/m/library", "sap/ui/Device", "sap/ui/core/InvisibleText"],
 	 *
 	 *
 	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered
+	 * @param {sap.m.FacetFilter} oControl An object representation of the control that should be rendered
 	 */
 	FacetFilterRenderer.renderSummaryBar = function(oRm, oControl) {
 
@@ -123,9 +123,9 @@ sap.ui.define(["sap/m/library", "sap/ui/Device", "sap/ui/core/InvisibleText"],
 	 *
 	 * This method should be used when text is reached frequently.
 	 *
-	 * @param {String} sKey Key of the announcement
-	 * @param {String} sBundleText Key of the announcement
-	 * @returns {String} Id of the generated invisible aria node
+	 * @param {string} sKey Key of the announcement
+	 * @param {string} sBundleText Key of the announcement
+	 * @returns {string} Id of the generated invisible aria node
 	 * @protected
 	 */
 	FacetFilterRenderer.getAriaAnnouncement = function(sKey, sBundleText) {
@@ -168,7 +168,7 @@ sap.ui.define(["sap/m/library", "sap/ui/Device", "sap/ui/core/InvisibleText"],
 	/**
 	 * Prepares the "Add Filter" button by adding positioning information and then renders it.
 	 *
-	 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered
+	 * @param {sap.m.FacetFilter} oControl An object representation of the control that should be rendered
 	 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer
 	 *
 	 * @returns {FacetFilterRenderer} <code>this</code> to allow method chaining
@@ -186,7 +186,7 @@ sap.ui.define(["sap/m/library", "sap/ui/Device", "sap/ui/core/InvisibleText"],
 	/**
 	 * Replaces the old positioning information with updated one.
 	 *
-	 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered
+	 * @param {sap.m.FacetFilter} oControl An object representation of the control that should be rendered
 	 * @param {sap.m.Button} oButton The button on which positioning information will be added
 	 * @param {int} iPosInSet Button's position in the set
 	 * @param {int} iSetSize Set's total size
@@ -204,7 +204,7 @@ sap.ui.define(["sap/m/library", "sap/ui/Device", "sap/ui/core/InvisibleText"],
 	/**
 	 * Removes the old positioning information.
 	 *
-	 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered
+	 * @param {sap.m.FacetFilter} oControl An object representation of the control that should be rendered
 	 * @param {sap.m.Button} oButton The button from which old positioning information will be removed
 	 * @returns {FacetFilterRenderer} <code>this</code> to allow method chaining
 	 */
@@ -231,7 +231,7 @@ sap.ui.define(["sap/m/library", "sap/ui/Device", "sap/ui/core/InvisibleText"],
 	/**
 	 * Creates a label in the static area, which contains positioning information.
 	 *
-	 * @param {sap.ui.core.Control} oControl An object representation of the control that should be rendered
+	 * @param {sap.m.FacetFilter} oControl An object representation of the control that should be rendered
 	 * @param {int} iPosInSet Position in the set
 	 * @param {int} iSetSize Set's total size
 	 * @returns {sap.ui.core.InvisibleText} oStaticLabel The newly created label

package/src/sap/m/FeedContent.js

@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.99.0
 	 * @since 1.34
 	 *
 	 * @public
@@ -133,7 +133,7 @@ sap.ui.define([
 
 	/**
 	 * Returns the Alttext
-	 * @returns {String} The AltText text
+	 * @returns {string} The AltText text
 	 */
 	FeedContent.prototype.getAltText = function() {
 		var sAltText = "";

package/src/sap/m/FeedInput.js

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

package/src/sap/m/FeedInputRenderer.js

@@ -18,7 +18,7 @@ sap.ui.define([],
 	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 	 *
 	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
+	 * @param {sap.m.FeedInput} oControl an object representation of the control that should be rendered
 	 */
 	FeedInputRenderer.render = function (oRm, oControl) {
 		var sMyId = oControl.getId();

package/src/sap/m/FeedListItem.js

@@ -54,7 +54,7 @@ function(
 	 * @extends sap.m.ListItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public
@@ -545,7 +545,7 @@ function(
 	 * this value, the text of the FeedListItem is collapsed once the text reaches this limit.
 	 *
 	 * @private
-	 * @returns {String} Collapsed string based on the "maxCharacter" property. If the size of the string before collapsing
+	 * @returns {string} Collapsed string based on the "maxCharacter" property. If the size of the string before collapsing
 	 * is smaller than the provided threshold, it returns null.
 	 */
 	FeedListItem.prototype._getCollapsedText = function() {
@@ -650,8 +650,8 @@ function(
 	 * Converts an HTML text to plain text by removing all the HTML tags
 	 *
 	 * @private
-	 * @param {String} htmlText The HtmlText to be converted
-	 * @returns {String} plain text
+	 * @param {string} htmlText The HtmlText to be converted
+	 * @returns {string} plain text
 	 */
 	FeedListItem.prototype._convertHtmlToPlainText = function(htmlText) {
 		var oRegex = /(<([^>]+)>)/ig;
@@ -662,8 +662,8 @@ function(
 	 * Converts the plain text to HTML text by adding the corresponding HTML tags
 	 *
 	 * @private
-	 * @param {String} inputText The input plain text
-	 * @returns {String} the HTML text
+	 * @param {string} inputText The input plain text
+	 * @returns {string} the HTML text
 	 */
 	FeedListItem.prototype._convertPlainToHtmlText = function(inputText) {
 		var sFullText = this._sFullText;

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.98.0
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FeedListItemRenderer.js

@@ -21,7 +21,7 @@ sap.ui.define(["./ListItemBaseRenderer", "sap/ui/core/Renderer", "sap/ui/Device"
 	 * Make sure that parent li is displayed as a horizontal webkit-box.
 	 *
 	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
-	 * @param {sap.ui.core.Control} oControl an object representation of the feed list item that should be rendered
+	 * @param {sap.m.FeedListItem} oControl an object representation of the feed list item that should be rendered
 	 */
 	FeedListItemRenderer.renderLIAttributes = function(oRm, oControl) {
 		oRm.class("sapMFeedListItemTitleDiv");
@@ -32,7 +32,7 @@ sap.ui.define(["./ListItemBaseRenderer", "sap/ui/core/Renderer", "sap/ui/Device"
 	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 	 *
 	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the Render-Output-Buffer
-	 * @param {sap.ui.core.Control} oControl an object representation of the feed list item that should be rendered
+	 * @param {sap.m.FeedListItem} oControl an object representation of the feed list item that should be rendered
 	 */
 	FeedListItemRenderer.renderLIContent = function(oRm, oControl) {
 		// convenience variable

package/src/sap/m/Fiori20Adapter.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 *
 	 *
 	 * @class text
-	 * @version 1.98.0
+	 * @version 1.99.0
 	 * @private
 	 * @since 1.38
 	 * @alias HeaderAdapter
@@ -227,7 +227,7 @@ sap.ui.define([
 	 * Constructor for an sap.m.Fiori20Adapter.
 	 *
 	 * @class text
-	 * @version 1.98.0
+	 * @version 1.99.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.98.0
+	 * @version 1.99.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.98.0
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/FormattedText.js

@@ -42,7 +42,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.98.0
+		 * @version 1.99.0
 		 *
 		 * @constructor
 		 * @public
@@ -367,6 +367,9 @@ function(
 			this._renderingRules = bLimit ? _limitedRenderingRules : _defaultRenderingRules;
 		};
 
+		FormattedText.prototype.getFocusDomRef = function () {
+			return this.getDomRef() && this.getDomRef().querySelector("a");
+		};
 
 		return FormattedText;
 	});

package/src/sap/m/GenericTag.js

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

package/src/sap/m/GenericTile.js

@@ -64,7 +64,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.99.0
 	 * @since 1.34.0
 	 *
 	 * @public
@@ -1079,10 +1079,12 @@ sap.ui.define([
 		// when subheader is unavailable, the header can have maximal 5 lines
 
 		var frameType = this.getFrameType();
-		if (this._isIconMode()) { //Set MaxLines as 2 for IconMode
-
-            this._oTitle.setProperty("maxLines", 2, true);
-
+		if (this._isIconMode()) {
+			if (bSubheader) {
+				this._oTitle.setProperty("maxLines", 1, true);
+			} else {
+				this._oTitle.setProperty("maxLines", 2, true);
+			}
         } else if (frameType === FrameType.TwoByOne && this.getMode() === GenericTileMode.ActionMode) {
 			this._oTitle.setProperty("maxLines", 2, true);
 		} else if (frameType === FrameType.OneByHalf || frameType === FrameType.TwoByHalf) {
@@ -1170,7 +1172,7 @@ sap.ui.define([
 	 * Gets the header, subheader and image description text of GenericTile
 	 *
 	 * @private
-	 * @returns {String} The text
+	 * @returns {string} The text
 	 */
 	GenericTile.prototype._getHeaderAriaAndTooltipText = function () {
 		var sText = "";
@@ -1195,7 +1197,7 @@ sap.ui.define([
 	 * Gets the ARIA label or tooltip text of the content in GenericTile
 	 *
 	 * @private
-	 * @returns {String} The text
+	 * @returns {string} The text
 	 */
 	GenericTile.prototype._getContentAriaAndTooltipText = function () {
 		var sText = "";
@@ -1203,7 +1205,7 @@ sap.ui.define([
 		var aContent = this.getTileContent();
 		var sAdditionalTooltip = this.getAdditionalTooltip();
 
-		if (!this._isInActionScope() && this.getMode() === GenericTileMode.ContentMode) {
+		if (!this._isInActionScope() && (this.getMode() === GenericTileMode.ContentMode || this.getMode() === GenericTileMode.ArticleMode)) {
 			for (var i = 0; i < aContent.length; i++) {
 				if (typeof aContent[i]._getAriaAndTooltipText === "function") {
 					sText += (bIsFirst ? "" : "\n") + aContent[i]._getAriaAndTooltipText();
@@ -1225,7 +1227,7 @@ sap.ui.define([
 	 * Returns a text for the ARIA label as combination of header and content texts
 	 * when the tooltip is empty
 	 * @private
-	 * @returns {String} The ARIA label text
+	 * @returns {string} The ARIA label text
 	 */
 	GenericTile.prototype._getAriaAndTooltipText = function () {
 		var sAriaText = (this.getTooltip_AsString() && !this._isTooltipSuppressed())
@@ -1254,7 +1256,7 @@ sap.ui.define([
 	 * calls _getAriaAndTooltipText to get text.
 	 *
 	 * @private
-	 * @returns {String} Text for ARIA label.
+	 * @returns {string} Text for ARIA label.
 	 */
 	GenericTile.prototype._getAriaText = function () {
 		var sAriaText = this.getTooltip_Text();
@@ -1276,7 +1278,7 @@ sap.ui.define([
 	 * If the application provides a specific tooltip, the returned string is equal to the tooltip text.
 	 * If the tooltip provided by the application is a string of only white spaces, the function returns null.
 	 *
-	 * @returns {String} Text for tooltip or null.
+	 * @returns {string} Text for tooltip or null.
 	 * @private
 	 */
 	GenericTile.prototype._getTooltipText = function () {
@@ -1537,7 +1539,7 @@ sap.ui.define([
 	/**
 	 * Set and return aggregation of Icon to be rendered in IconMode
 	 * @param {*} oIcon Icon to be displayed on the GenericTile.
-	 * @returns {String} Returns the icon hidden aggregation
+	 * @returns {string} Returns the icon hidden aggregation
 	 * @private
 	 */
 	 GenericTile.prototype._generateIconAggregation = function (oIcon) {

package/src/sap/m/GenericTileRenderer.js

@@ -291,8 +291,11 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
 			}
 
 			if (!(isHalfFrame && isContentPresent)) {
-				if (oControl.getSubheader() && (!oControl._isIconMode())) {//Restrict creation of SubHeader for IconMode
-					this._renderSubheader(oRm, oControl);
+				if (oControl.getSubheader()) {
+					//Restrict creation of SubHeader for IconMode & OneByOne frameType
+					if (!(oControl._isIconMode() && oControl.getFrameType() == frameTypes.OneByOne)) {
+						this._renderSubheader(oRm, oControl);
+					}
 				}
 			}
 
@@ -438,7 +441,7 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
 	 *
 	 * @private
 	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oControl an object representation of the control whose title should be rendered
+	 * @param {sap.m.GenericTile} oControl an object representation of the control whose title should be rendered
 	 */
 	GenericTileRenderer._renderHeader = function(oRm, oControl) {
 		oRm.openStart("div", oControl.getId() + "-hdr-text");
@@ -457,7 +460,7 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS"],
 	 *
 	 * @private
 	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oControl an object representation of the control whose description should be rendered
+	 * @param {sap.m.GenericTile} oControl an object representation of the control whose description should be rendered
 	 */
 	GenericTileRenderer._renderSubheader = function(oRm, oControl) {
 		oRm.openStart("div", oControl.getId() + "-subHdr-text");

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.98.0
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/GroupHeaderListItemRenderer.js

@@ -44,7 +44,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Renderer", "./ListItemBaseRen
 	 * @param {sap.ui.core.RenderManager}
 	 *          rm the RenderManager that can be used for writing to the
 	 *          Render-Output-Buffer
-	 * @param {sap.ui.core.Control}
+	 * @param {sap.m.GroupHeaderListItem}
 	 *          oLI an object representation of the list item that should be
 	 *          rendered
 	 */
@@ -62,7 +62,7 @@ sap.ui.define(["sap/ui/core/library", "sap/ui/core/Renderer", "./ListItemBaseRen
 	 * @param {sap.ui.core.RenderManager}
 	 *          rm the RenderManager that can be used for writing to the
 	 *          Render-Output-Buffer
-	 * @param {sap.ui.core.Control}
+	 * @param {sap.m.GroupHeaderListItem}
 	 *          oLI an object representation of the list item that should be
 	 *          rendered
 	 */

package/src/sap/m/GrowingEnablement.js

@@ -62,6 +62,7 @@ sap.ui.define([
 			this._bLoading = false;
 			this._sGroupingPath = "";
 			this._bDataRequested = false;
+			this._bSkippedItemsUpdateUntilDataReceived = false;
 			this._oContainerDomRef = null;
 			this._iLastItemsCount = 0;
 			this._iTriggerTimer = 0;
@@ -483,6 +484,8 @@ sap.ui.define([
 				this._iLimit = oControl.getGrowingThreshold();
 			}
 
+			this._bSkippedItemsUpdateUntilDataReceived = false;
+
 			// fire growing started event if data was requested this is a followup call of updateItems
 			if (this._bDataRequested) {
 				this._bDataRequested = false;
@@ -499,6 +502,9 @@ sap.ui.define([
 
 				// a partial response may already be contained, so only return here without updating the list when diff is empty
 				if (aContexts.diff && !aContexts.diff.length) {
+					if (sChangeReason === ChangeReason.Context) {
+						this._bSkippedItemsUpdateUntilDataReceived = true;
+					}
 					return;
 				}
 			}
@@ -604,6 +610,14 @@ sap.ui.define([
 			}
 		},
 
+		_onBindingDataReceivedListener: function(oEvent) {
+			if (this._bSkippedItemsUpdateUntilDataReceived && !oEvent.getParameter("data") /* request failed */) {
+				this._bSkippedItemsUpdateUntilDataReceived = false;
+				this.destroyListItems();
+				this._onAfterPageLoaded();
+			}
+		},
+
 		_updateTriggerDelayed: function(bLoading) {
 			if (this._oControl.getGrowingScrollToLoad()) {
 				this._iTriggerTimer && window.cancelAnimationFrame(this._iTriggerTimer);

package/src/sap/m/GrowingList.js

@@ -22,7 +22,7 @@ sap.ui.define(['./List', './library', './GrowingListRenderer'],
 	 * @extends sap.m.List
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.99.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.98.0
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/HBoxRenderer.js

@@ -20,7 +20,7 @@ sap.ui.define(['./FlexBoxRenderer'],
 	 * Renders the HTML for the given control, using the provided {@link sap.ui.core.RenderManager}.
 	 *
 	 * @param {sap.ui.core.RenderManager} oRm the RenderManager that can be used for writing to the render output buffer
-	 * @param {sap.ui.core.Control} oControl an object representation of the control that should be rendered
+	 * @param {sap.m.HBox} oControl an object representation of the control that should be rendered
 	 */
 	HBoxRenderer.render = function(oRm, oControl){
 		FlexBoxRenderer.render.apply(this, [oRm, oControl]);

package/src/sap/m/HeaderContainer.js

@@ -51,6 +51,7 @@ sap.ui.define([
 
 		// shortcut for sap.ui.core.Orientation
 		var Orientation = coreLibrary.Orientation;
+		var ScreenSizes = library.ScreenSizes;
 
 		var HeaderContainerItemContainer = Control.extend("sap.m.HeaderContainerItemContainer", {
 			metadata: {
@@ -124,7 +125,7 @@ sap.ui.define([
 		 * @since 1.44.0
 		 *
 		 * @author SAP SE
-		 * @version 1.98.0
+		 * @version 1.99.0
 		 *
 		 * @public
 		 * @alias sap.m.HeaderContainer
@@ -201,7 +202,14 @@ sap.ui.define([
 					/**
 					 * The height of the whole HeaderContainer. If not specified, it is rendered as 'auto' in horizontal orientation and as '100%' in vertical orientation.
 					 */
-					height: {type: "sap.ui.core.CSSSize", group: "Appearance"}
+					height: {type: "sap.ui.core.CSSSize", group: "Appearance"},
+					/**
+					* Enables grid layout in mobile view.
+                                        * @private
+                                        * @since 1.99
+					* @experimental since 1.99
+					*/
+					gridLayout: {type: "boolean", defaultValue: false}
 				},
 				defaultAggregation: "content",
 				aggregations: {
@@ -303,15 +311,17 @@ sap.ui.define([
 				}).addStyleClass("sapMHdrCntrBtn").addStyleClass("sapMHdrCntrRight");
 				this._oArrowNext._bExcludeFromTabChain = true;
 				this.setAggregation("_nextButton", this._oArrowNext, true);
-			} else if (Device.system.phone || Device.system.tablet) {
-				this._oArrowPrev = new Icon({
-					id: this.getId() + "-scrl-prev-button"
-				}).addStyleClass("sapMHdrCntrBtn").addStyleClass("sapMHdrCntrLeft");
-				this.setAggregation("_prevButton", this._oArrowPrev, true);
-				this._oArrowNext = new Icon({
-					id: this.getId() + "-scrl-next-button"
-				}).addStyleClass("sapMHdrCntrBtn").addStyleClass("sapMHdrCntrRight");
-				this.setAggregation("_nextButton", this._oArrowNext, true);
+			} else if ((Device.system.phone || Device.system.tablet)) {
+				if (!this._isMobileView()) {
+					this._oArrowPrev = new Icon({
+						id: this.getId() + "-scrl-prev-button"
+					}).addStyleClass("sapMHdrCntrBtn").addStyleClass("sapMHdrCntrLeft");
+					this.setAggregation("_prevButton", this._oArrowPrev, true);
+					this._oArrowNext = new Icon({
+						id: this.getId() + "-scrl-next-button"
+					}).addStyleClass("sapMHdrCntrBtn").addStyleClass("sapMHdrCntrRight");
+					this.setAggregation("_nextButton", this._oArrowNext, true);
+				}
 			}
 
 			this._oScrollCntr.addDelegate({
@@ -339,6 +349,45 @@ sap.ui.define([
 
 						this._handleMobileScrolling();
 					}
+					if (this._isMobileView()) {
+						var aItems = this._filterVisibleItems();
+						this.aItemSize = [];
+						this.aItemScrollValue = [0];
+						var fnGetItemSize = function (oItem) {
+							return oItem.getDomRef().parentElement.offsetWidth
+									+ parseFloat(getComputedStyle(oItem.getDomRef().parentElement).marginLeft)
+									+ parseFloat(getComputedStyle(oItem.getDomRef().parentElement).marginRight);
+						};
+						for (var i = 0; i < aItems.length; i++) {
+							this.aItemSize.push(fnGetItemSize(aItems[i]));
+							this.aItemScrollValue.push(this.aItemScrollValue[i] ? this.aItemScrollValue[i] + this.aItemSize[i] : this.aItemSize[i]);
+						}
+						this._oScrollCntr.attachBrowserEvent("scrollstop", function(oEvent){
+								if (!this.triggerScrollStop) {
+									this.triggerScrollStop = true;
+									var iScrollValue = 0, iScrollOffset = 15;
+									var iCurrectScrollValue = this._bRtl ? Math.abs(oEvent.currentTarget.scrollLeft) : oEvent.currentTarget.scrollLeft;
+									var value = this.aItemScrollValue.reduce(function(a, b) {
+										var aDiff = Math.abs(a - iCurrectScrollValue);
+										var bDiff = Math.abs(b - iCurrectScrollValue);
+										if (aDiff == bDiff) {
+											return a > b ? a : b;
+										} else {
+											return bDiff < aDiff ? b : a;
+										}
+									});
+									if (iCurrectScrollValue == 0) {
+										iScrollValue = 0;
+										this.triggerScrollStop = false;
+									} else {
+										iScrollValue = value - iScrollOffset - iCurrectScrollValue;
+									}
+									this._scroll(iScrollValue, this.getScrollTime());
+								} else {
+									this.triggerScrollStop = false;
+								}
+							}.bind(this));
+					}
 				}.bind(this)
 			});
 			IntervalTrigger.addListener(this._checkOverflow, this);
@@ -651,6 +700,7 @@ sap.ui.define([
 				}
 
 				return iSize !== 0 ? iSize + OFFSET - iButtonSize : 0;
+
 			}.bind(this);
 
 			var fnGetItemSize = function (oItem) {
@@ -693,7 +743,6 @@ sap.ui.define([
 				// we sum width (height for vertical) of each item and compare it with scrolling start position
 				for (var i = 0; i < aItems.length; i++) {
 					iSize += fnGetItemSize(aItems[i]);
-
 					if (iSize >= iScroll) {
 						iTarget = i;
 						break;
@@ -879,22 +928,22 @@ sap.ui.define([
 				bScrollForward = this._checkForOverflowItem(bScrollForward);
 
 				var bOldScrollBack = $ButtonContainer.is(":visible");
-				if (bOldScrollBack && !bScrollBack) {
+				if (bOldScrollBack && !bScrollBack && !this._isMobileView()) {
 					$ButtonContainer.hide();
 					this.$().removeClass("sapMHrdrLeftPadding");
 				}
-				if (!bOldScrollBack && bScrollBack) {
+				if (!bOldScrollBack && bScrollBack && !this._isMobileView()) {
 					$ButtonContainer.show();
 					this.$().addClass("sapMHrdrLeftPadding");
 				}
 
 				$ButtonContainer = this.$("next-button-container");
 				var bOldScrollForward = $ButtonContainer.is(":visible");
-				if (bOldScrollForward && !bScrollForward) {
+				if (bOldScrollForward && !bScrollForward && !this._isMobileView()) {
 					$ButtonContainer.hide();
 					this.$().removeClass("sapMHrdrRightPadding");
 				}
-				if (!bOldScrollForward && bScrollForward) {
+				if (!bOldScrollForward && bScrollForward && !this._isMobileView()) {
 					$ButtonContainer.show();
 					this.$().addClass("sapMHrdrRightPadding");
 				}
@@ -1008,6 +1057,12 @@ sap.ui.define([
 			}
 		};
 
+		HeaderContainer.prototype._isMobileView = function() {
+			return this.getGridLayout()
+						&& this.getOrientation() === Orientation.Horizontal
+						&& Device.resize.width >= ScreenSizes.xsmall && Device.resize.width < ScreenSizes.tablet;
+		};
+
 		/**
 		 * @description Unwraps the content of HeaderContainerItemContainer. Ignores elements that are not
 		 * HeaderContainerItemContainer (allowing the proper behavior if used with indexOf).

package/src/sap/m/HeaderContainerItemNavigator.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @since 1.67.0
 	 *
 	 * @author SAP SE
-	 * @version 1.98.0
+	 * @version 1.99.0
 	 *
 	 * @constructor
 	 * @alias sap.m.HeaderContainerItemNavigator