@openui5/sap.m 1.101.0 → 1.103.0

package/src/sap/m/Select.js

@@ -79,6 +79,9 @@ function(
 		// shortcut for sap.ui.core.TextAlign
 		var TextAlign = coreLibrary.TextAlign;
 
+		// shortcut for sap.ui.core.OpenState
+		var OpenState = coreLibrary.OpenState;
+
 		// shortcut for sap.m.SelectType
 		var SelectType = library.SelectType;
 
@@ -100,7 +103,7 @@ function(
 		 * @implements sap.ui.core.IFormContent, sap.ui.core.ISemanticFormContent
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @public
@@ -826,8 +829,13 @@ function(
 				oSelectedKey = this.getSelectedKey(),
 				sSelectedItemText = this._getSelectedItemText();
 
+			// the hidden INPUT is only used when the select is submitted
+			// with a form so update its value in all cases
 			oInput.attr("value", oSelectedKey || "");
-			oSelect.text(sSelectedItemText);
+
+			if (!this._isIconOnly()) {
+				oSelect.text(sSelectedItemText);
+			}
 		};
 
 		Select.prototype._getValueIcon = function() {
@@ -2154,7 +2162,7 @@ function(
 			for (var i = 0, oItem; i < aItems.length; i++) {
 				oItem = aItems[i];
 				var bTextIsRelevantString = typeof sText === "string" && sText !== "";
-				if (oItem.getEnabled() && !(oItem instanceof sap.ui.core.SeparatorItem) && oItem.getText().toLowerCase().startsWith(sText.toLowerCase()) && bTextIsRelevantString) {
+				if (oItem.getEnabled() && !(oItem.isA("sap.ui.core.SeparatorItem")) && oItem.getText().toLowerCase().startsWith(sText.toLowerCase()) && bTextIsRelevantString) {
 					return oItem;
 				}
 			}
@@ -2872,12 +2880,27 @@ function(
 		};
 
 		Select.prototype.setValueState = function(sValueState) {
-			var sOldValueState = this.getValueState();
+			var sOldValueState = this.getValueState(),
+				oPicker;
 
 			if (sValueState === sOldValueState) {
 				return this;
 			}
 
+			oPicker = this.getPicker();
+
+			if (oPicker && oPicker.isA("sap.m.Popover") && oPicker.isOpen() && oPicker.oPopup.getOpenState() === OpenState.CLOSING) {
+				oPicker.attachEventOnce("afterClose", function(oEvent) {
+					return this._finishSettingValueState(sValueState);
+				}, this);
+			} else {
+				return this._finishSettingValueState(sValueState);
+			}
+
+		};
+
+		Select.prototype._finishSettingValueState = function(sValueState) {
+
 			this.setProperty("valueState", sValueState);
 
 			this._updatePickerAriaLabelledBy(sValueState);
@@ -2928,7 +2951,7 @@ function(
 		 * Gets the item from the aggregation named <code>items</code> at the given 0-based index.
 		 *
 		 * @param {int} iIndex Index of the item to return.
-		 * @returns {sap.ui.core.Item | null} Item at the given index, or null if none.
+		 * @returns {sap.ui.core.Item | null} Item at the given index, or <code>null</code> if none.
 		 * @public
 		 * @since 1.16
 		 */
@@ -2950,7 +2973,7 @@ function(
 		/**
 		 * Gets the first item from the aggregation named <code>items</code>.
 		 *
-		 * @returns {sap.ui.core.Item | null} The first item, or null if there are no items.
+		 * @returns {sap.ui.core.Item | null} The first item, or <code>null</code> if there are no items.
 		 * @public
 		 * @since 1.16
 		 */
@@ -2961,7 +2984,7 @@ function(
 		/**
 		 * Gets the last item from the aggregation named <code>items</code>.
 		 *
-		 * @returns {sap.ui.core.Item | null} The last item, or null if there are no items.
+		 * @returns {sap.ui.core.Item | null} The last item, or <code>null</code> if there are no items.
 		 * @public
 		 * @since 1.16
 		 */
@@ -3002,7 +3025,7 @@ function(
 		 * Removes an item from the aggregation named <code>items</code>.
 		 *
 		 * @param {int | string | sap.ui.core.Item} vItem The item to be removed or its index or ID.
-		 * @returns {sap.ui.core.Item} The removed item or null.
+		 * @returns {sap.ui.core.Item|null} The removed item or <code>null</code>.
 		 * @public
 		 */
 		Select.prototype.removeItem = function(vItem) {

package/src/sap/m/SelectDialog.js

@@ -12,8 +12,10 @@ sap.ui.define([
 	'./List',
 	'./SearchField',
 	'./library',
+	"sap/ui/core/library",
 	'./SelectDialogBase',
 	'sap/ui/core/InvisibleText',
+	"sap/ui/core/InvisibleMessage",
 	'sap/ui/Device',
 	'sap/m/Toolbar',
 	'sap/m/Text',
@@ -29,8 +31,10 @@ function(
 	List,
 	SearchField,
 	library,
+	CoreLibrary,
 	SelectDialogBase,
 	InvisibleText,
+	InvisibleMessage,
 	Device,
 	Toolbar,
 	Text,
@@ -50,6 +54,9 @@ function(
 	// shortcut for sap.m.TitleAlignment
 	var TitleAlignment = library.TitleAlignment;
 
+	// shortcut for sap.ui.core.InvisibleMessageMode
+	var InvisibleMessageMode = CoreLibrary.InvisibleMessageMode;
+
 	/**
 	 * Constructor for a new SelectDialog.
 	 *
@@ -112,7 +119,7 @@ function(
 	 * @extends sap.m.SelectDialogBase
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public
@@ -347,12 +354,6 @@ function(
 			updateFinished: this._updateFinished.bind(this)
 		});
 
-		this._oList.getInfoToolbar().addEventDelegate({
-			onAfterRendering: function () {
-				that._oList.getInfoToolbar().$().attr('aria-live', 'polite');
-			}
-		});
-
 		this._list = this._oList; // for downward compatibility
 
 		// store a reference to the busyIndicator to display when data is currently loaded by a service
@@ -847,7 +848,7 @@ function(
 	 * Forward method to the inner dialog: getDomRef
 	 * @public
 	 * @override
-	 * @return {Element} The Element's DOM Element sub DOM Element or null
+	 * @returns {Element|null} The Element's DOM Element, sub DOM Element or <code>null</code>
 	 */
 	SelectDialog.prototype.getDomRef = function () {
 		if (this._oDialog) {
@@ -1164,22 +1165,17 @@ function(
 		if (this.getShowClearButton() && this._oClearButton) {
 			this._oClearButton.setEnabled(iSelectedContexts > 0);
 		}
+
 		// update the selection label
 		if (oInfoBar.getVisible() !== bVisible) {
 			oInfoBar.setVisible(bVisible);
-
-			if (bVisible) {
-				this._oDialog.addAriaLabelledBy(oInfoBar);
-
-				// force immediate rerendering, so JAWS can read the text inside,
-				// when it become visible
-				oInfoBar.rerender();
-			} else {
-				this._oDialog.removeAriaLabelledBy(oInfoBar);
-			}
 		}
 
 		oInfoBar.getContent()[0].setText(this._oRb.getText("TABLESELECTDIALOG_SELECTEDITEMS", [iSelectedContexts]));
+
+		if (this._oDialog.isOpen()) {
+			InvisibleMessage.getInstance().announce(iSelectedContexts > 0 ? this._oRb.getText("TABLESELECTDIALOG_SELECTEDITEMS_SR", [iSelectedContexts]) : "", InvisibleMessageMode.Polite);
+		}
 	};
 
 	/**

package/src/sap/m/SelectDialogBase.js

@@ -27,7 +27,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SelectList.js

@@ -37,7 +37,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @public
@@ -785,7 +785,7 @@ sap.ui.define([
 		 *
 		 * @param {string} sProperty An item property.
 		 * @param {string} sValue An item value that specifies the item to retrieve.
-		 * @returns {sap.ui.core.Item | null} The matched item or null.
+		 * @returns {sap.ui.core.Item | null} The matched item or <code>null</code>.
 		 * @protected
 		 */
 		SelectList.prototype.findItem = function(sProperty, sValue) {
@@ -806,7 +806,7 @@ sap.ui.define([
 		 * <code>Note: </code> If duplicate values exist, the first item matching the value is returned.
 		 *
 		 * @param {string} sText An item value that specifies the item to retrieve.
-		 * @returns {sap.ui.core.Item | null} The matched item or null.
+		 * @returns {sap.ui.core.Item | null} The matched item or <code>null</code>.
 		 * @protected
 		 */
 		SelectList.prototype.getItemByText = function(sText) {
@@ -1001,7 +1001,7 @@ sap.ui.define([
 		 * Gets the item from the aggregation named <code>items</code> at the given 0-based index.
 		 *
 		 * @param {int} iIndex Index of the item to return.
-		 * @returns {sap.ui.core.Item | null} Item at the given index, or null if none.
+		 * @returns {sap.ui.core.Item | null} Item at the given index, or <code>null</code> if none.
 		 * @public
 		 */
 		SelectList.prototype.getItemAt = function(iIndex) {
@@ -1011,7 +1011,7 @@ sap.ui.define([
 		/**
 		 * Gets the first item from the aggregation named <code>items</code>.
 		 *
-		 * @returns {sap.ui.core.Item | null} The first item, or null if there are no items.
+		 * @returns {sap.ui.core.Item | null} The first item, or <code>null</code> if there are no items.
 		 * @public
 		 */
 		SelectList.prototype.getFirstItem = function() {
@@ -1021,7 +1021,7 @@ sap.ui.define([
 		/**
 		 * Gets the enabled items from the aggregation named <code>items</code>.
 		 *
-		 * @returns {sap.ui.core.Item | null} The last item, or null if there are no items.
+		 * @returns {sap.ui.core.Item | null} The last item, or <code>null</code> if there are no items.
 		 * @public
 		 */
 		SelectList.prototype.getLastItem = function() {
@@ -1049,7 +1049,7 @@ sap.ui.define([
 		 * <b>Note: </b> If duplicate keys exists, the first item matching the key is returned.
 		 *
 		 * @param {string} sKey An item key that specifies the item to retrieve.
-		 * @returns {sap.ui.core.Item | null} The matched item or null
+		 * @returns {sap.ui.core.Item | null} The matched item or <code>null</code>
 		 * @public
 		 */
 		SelectList.prototype.getItemByKey = function(sKey) {
@@ -1060,7 +1060,7 @@ sap.ui.define([
 		 * Removes an item from the aggregation named <code>items</code>.
 		 *
 		 * @param {int | string | sap.ui.core.Item} vItem The item to remove or its index or id.
-		 * @returns {sap.ui.core.Item} The removed item or null.
+		 * @returns {sap.ui.core.Item|null} The removed item or <code>null</code>.
 		 * @public
 		 */
 		SelectList.prototype.removeItem = function(vItem) {

package/src/sap/m/SelectListRenderer.js

@@ -97,7 +97,7 @@ sap.ui.define(["sap/ui/core/Element", "sap/ui/core/library", "sap/ui/core/Icon",
 					elementData: true
 				};
 
-				if (!(aItems[i] instanceof sap.ui.core.SeparatorItem) && aItems[i].getEnabled()) {
+				if (!(aItems[i] && aItems[i].isA("sap.ui.core.SeparatorItem")) && aItems[i].getEnabled()) {
 					oItemStates.posinset = iCurrentPosInSet++;
 				}
 
@@ -145,7 +145,7 @@ sap.ui.define(["sap/ui/core/Element", "sap/ui/core/library", "sap/ui/core/Icon",
 				oRm.class("sapMSelectListItemWithIcon");
 			}
 
-			if (oItem instanceof sap.ui.core.SeparatorItem) {
+			if (oItem.isA("sap.ui.core.SeparatorItem")) {
 				oRm.class(CSS_CLASS + "SeparatorItem");
 
 				if (bShowSecondaryValues) {

package/src/sap/m/SelectRenderer.js

@@ -129,8 +129,7 @@ sap.ui.define(['sap/ui/core/Renderer', 'sap/ui/core/IconPool', 'sap/m/library',
 		 */
 		 SelectRenderer.renderFocusElement = function (oRm, oSelect) {
 			var oSelectedItem = oSelect.getSelectedItem(),
-				sTooltip = oSelect.getTooltip_AsString(),
-				sType = oSelect.getType();
+				bIconOnly = oSelect.getType() === SelectType.IconOnly;
 
 			oRm.openStart("div", oSelect.getId() + "-hiddenSelect");
 
@@ -145,25 +144,50 @@ sap.ui.define(['sap/ui/core/Renderer', 'sap/ui/core/IconPool', 'sap/m/library',
 				oRm.attr("tabindex", "0");
 			}
 
-			if (sTooltip) {
-				oRm.attr("title", sTooltip);
-			} else if (sType === SelectType.IconOnly) {
-				var oIconInfo = IconPool.getIconInfo(oSelect.getIcon());
-
-				if (oIconInfo) {
-					oRm.attr("title", oIconInfo.text);
-				}
-			}
+			this.renderTooltip(oRm, oSelect);
 
 			oRm.openEnd();
 
-			if (oSelectedItem) {
+			if (oSelectedItem && !bIconOnly) {
+				// if icon only mode, the control is announced as standard
+				// button and the selected value is not rendered
 				oRm.text(oSelectedItem.getText());
 			}
 
 			oRm.close('div');
 		};
 
+		/**
+		 * Generates and renders the tooltip text. Icon only aware.
+		 *
+		 * @param {sap.ui.core.RenderManager} oRm The RenderManager that can be used for writing to the render output buffer.
+		 * @param {sap.m.Select} oSelect An object representation of the Select control.
+		 * @private
+		 */
+		SelectRenderer.renderTooltip = function (oRm, oSelect) {
+			var oIconInfo,
+				sTooltip = oSelect.getTooltip_AsString(),
+				bIconOnly = oSelect.getType() === SelectType.IconOnly;
+
+			if (!sTooltip && bIconOnly) {
+				oIconInfo = IconPool.getIconInfo(oSelect.getIcon());
+				if (oIconInfo) {
+					sTooltip = oIconInfo.text;
+				}
+			}
+
+			if (!sTooltip) {
+				return;
+			}
+
+			oRm.attr("title", sTooltip);
+
+			if (bIconOnly) {
+				// if in IconOnly mode, similarly to sap.m.Button the tooltip should also be part of the accessibleName
+				oRm.attr("aria-label", sTooltip);
+			}
+		};
+
 		/**
 		 * Renders the input element, which receives the name and value attributes. This is needed because when select is inside a form
 		 * submitted by input[type="submit"] the attributes will be taken from this input.
@@ -426,7 +450,7 @@ sap.ui.define(['sap/ui/core/Renderer', 'sap/ui/core/IconPool', 'sap/m/library',
 
 			oRm.accessibilityState(null, {
 				role: this.getAriaRole(oSelect),
-				roledescription: oSelect._sAriaRoleDescription,
+				roledescription: bIconOnly ? undefined : oSelect._sAriaRoleDescription,
 				readonly: bIconOnly ? undefined : oSelect.getEnabled() && !oSelect.getEditable(),
 				required: oSelect._isRequired() || undefined,
 				disabled: !oSelect.getEnabled() || undefined,

package/src/sap/m/SelectionDetails.js

@@ -37,7 +37,7 @@ function(
 	 * <b><i>Note:</i></b>It is protected and should only be used within the framework itself.
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @extends sap.ui.core.Control
 	 * @constructor

package/src/sap/m/SelectionDetailsFacade.js

@@ -10,7 +10,7 @@
  * @since 1.48.0
  * @public
  * @author SAP SE
- * @version 1.101.0
+ * @version 1.103.0
  * @borrows sap.ui.core.Element#addCustomData as #addCustomData
  * @borrows sap.ui.core.Element#getCustomData as #getCustomData
  * @borrows sap.ui.core.Element#indexOfCustomData as #indexOfCustomData
@@ -45,7 +45,7 @@
  * @since 1.48.0
  * @public
  * @author SAP SE
- * @version 1.101.0
+ * @version 1.103.0
  * @borrows sap.ui.core.Element#addCustomData as #addCustomData
  * @borrows sap.ui.core.Element#getCustomData as #getCustomData
  * @borrows sap.ui.core.Element#indexOfCustomData as #indexOfCustomData

package/src/sap/m/SelectionDetailsItem.js

@@ -58,7 +58,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @protected

package/src/sap/m/SelectionDetailsItemLine.js

@@ -23,7 +23,7 @@ sap.ui.define(["sap/ui/core/Element", "sap/base/Log", "sap/base/util/isPlainObje
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @protected

package/src/sap/m/Shell.js

@@ -35,7 +35,7 @@ sap.ui.define([
 		 * The Shell control can be used as root element of applications. It can contain an App or a <code>SplitApp</code> control.
 		 * The Shell provides some overarching functionality for the overall application and takes care of visual adaptation, such as a frame around the App, on desktop browser platforms.
 		 * @extends sap.ui.core.Control
-		 * @version 1.101.0
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/SimpleFixFlex.js

@@ -31,7 +31,7 @@ function (Control, ResizeHandler, Log /**, SimpleFixFlexRenderer */) {
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @private
@@ -39,7 +39,7 @@ function (Control, ResizeHandler, Log /**, SimpleFixFlexRenderer */) {
 	 * @alias sap.m.SimpleFixFlex
 	 * @ui5-metamodel This control will also be described in the UI5 (legacy) design time meta model.
 	 */
-	var SimpleFixFlex = Control.extend("sap.m.SimpleFixFlex", /** @lends sap.m.SimpleFixFlex */ {
+	var SimpleFixFlex = Control.extend("sap.m.SimpleFixFlex", /** @lends sap.m.SimpleFixFlex.prototype */ {
 
 		metadata: {
 			library: "sap.m",
@@ -120,10 +120,9 @@ function (Control, ResizeHandler, Log /**, SimpleFixFlexRenderer */) {
 			return null;
 		}
 
-			//using clientHeight as jQuery's innerHeight() method returns the height
-			//even if the fix content has style of "display: none;"
-			$simpleFixFlex.css("padding-top", oFixedDom.clientHeight);
-			$fixContent.addClass("sapUiSimpleFixFlexFixedWrap");
+		//using clientHeight as jQuery's innerHeight() method returns the height
+		//even if the fix content has style of "display: none;"
+		$simpleFixFlex.css("padding-top", oFixedDom.clientHeight);
 	};
 
 	SimpleFixFlex.prototype.exit = function() {

package/src/sap/m/SimpleFixFlexRenderer.js

@@ -29,6 +29,7 @@ sap.ui.define([],
 			oRm.openEnd();
 
 			if (oFixContent) {
+				oFixContent.toggleStyleClass("sapUiSimpleFixFlexFixedWrap", oControl.getFitParent());
 				oRm.renderControl(oFixContent.addStyleClass('sapUiSimpleFixFlexFixed'));
 			}
 

package/src/sap/m/SinglePlanningCalendar.js

@@ -104,7 +104,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SinglePlanningCalendarDayView.js

@@ -25,7 +25,7 @@ function (library, SinglePlanningCalendarView) {
 	 * @extends sap.m.SinglePlanningCalendarView
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SinglePlanningCalendarGrid.js

@@ -106,7 +106,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @private
@@ -1583,7 +1583,7 @@ sap.ui.define([
 		/**
 		 * Determines if an appointment fits in the visible hours of the grid.
 		 *
-		 * @param {CalendarDate} oColumnCalDate the start date of the grid
+		 * @param {sap.ui.unified.calendar.CalendarDate} oColumnCalDate the start date of the grid
 		 * @returns {boolean} true if the appointment is in the visible hours
 		 * @private
 		 */
@@ -1727,7 +1727,7 @@ sap.ui.define([
 		 * Selects the clusters of all-day appointments which are in the visual port of the grid.
 		 *
 		 * @param {object} aBlockers the all-day appointments in the corresponding aggregation
-		 * @param {CalendarDate} oCalStartDate the start date of the grid
+		 * @param {sap.ui.unified.calendar.CalendarDate} oCalStartDate the start date of the grid
 		 * @param {int} iColumns the number of columns to be displayed in the grid
 		 * @returns {object} the clusters of all-day appointments in the visual port of the grid
 		 * @private
@@ -1743,8 +1743,8 @@ sap.ui.define([
 		/**
 		 * Determines whether the blocker is in the visible grid area.
 		 *
-		 * @param {CalendarDate} oViewStart The start date of the view
-		 * @param {CalendarDate} oViewEnd The end date of the view
+		 * @param {sap.ui.unified.calendar.CalendarDate} oViewStart The start date of the view
+		 * @param {sap.ui.unified.calendar.CalendarDate} oViewEnd The end date of the view
 		 * @returns {boolean} true if the blocker is visible
 		 * @private
 		 */

package/src/sap/m/SinglePlanningCalendarMonthGrid.js

@@ -83,7 +83,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/SinglePlanningCalendarMonthView.js

@@ -28,7 +28,7 @@ sap.ui.define([
 		 * @extends sap.m.SinglePlanningCalendarView
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/SinglePlanningCalendarView.js

@@ -26,7 +26,7 @@ function (library, Log, Element) {
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SinglePlanningCalendarWeekView.js

@@ -28,7 +28,7 @@ function (library, SinglePlanningCalendarView, LocaleData, CalendarDate, Calenda
 	 * @extends sap.m.SinglePlanningCalendarView
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SinglePlanningCalendarWorkWeekView.js

@@ -28,7 +28,7 @@ function (library, SinglePlanningCalendarView, CalendarDate, CalendarUtils, Loca
 	 * @extends sap.m.SinglePlanningCalendarView
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/SlideTile.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.103.0
 	 * @since 1.34
 	 *
 	 * @public

package/src/sap/m/Slider.js

@@ -95,7 +95,7 @@ function(
 		 * @implements sap.ui.core.IFormContent
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.103.0
 		 *
 		 * @constructor
 		 * @public
@@ -183,7 +183,14 @@ function(
 				 *
 				 * @since 1.44
 				 */
-				enableTickmarks: {type: "boolean", group: "Appearance", defaultValue: false}
+				enableTickmarks: {type: "boolean", group: "Appearance", defaultValue: false},
+
+				/**
+				 * Indicates whether a handle is pressed
+				 *
+				 * @private
+				 */
+				handlePressed: {type: "boolean", defaultValue: false, group: "Appearance", visibility: "hidden" }
 			},
 			defaultAggregation: "scale",
 			aggregations: {
@@ -1053,6 +1060,8 @@ function(
 			// add active state
 			this.$("inner").addClass(CSS_CLASS + "Pressed");
 
+			this.setProperty("handlePressed", true);
+
 			if (oTouch.target === this.getDomRef("handle")) {
 
 				this._fDiffX = (oTouch.pageX - jQuery(oNearestHandleDomRef).offset().left) + this._fSliderPaddingLeft - (this._fHandleWidth / 2);
@@ -1154,7 +1163,7 @@ function(
 			var fValue = this.getValue();
 
 			// remove the active state
-			this.$("inner").removeClass(CSS_CLASS + "Pressed");
+			this.setProperty("handlePressed", false);
 
 			if (this._fInitialValue !== fValue) {
 				this.fireChange({ value: fValue });
@@ -1590,8 +1599,8 @@ function(
 			sNewValueFixedPoint = this.toFixed(fNewValue, this.getDecimalPrecisionOfNumber(fStep));
 			fNewValue = Number(sNewValueFixedPoint);
 
-			// update the value and suppress re-rendering
-			this.setProperty("value", fNewValue, true);
+			// update the value
+			this.setProperty("value", fNewValue);
 
 			// update the value in DOM only when it has changed
 			if (fValue !== this.getValue()) {