@openui5/sap.m 1.103.1 → 1.106.0

package/src/sap/m/ListBase.js

@@ -22,6 +22,7 @@ sap.ui.define([
 	"sap/base/strings/capitalize",
 	"sap/ui/thirdparty/jquery",
 	"sap/base/Log",
+	"sap/ui/core/InvisibleMessage",
 	"sap/ui/dom/jquery/control", // jQuery Plugin "control"
 	"sap/ui/dom/jquery/Selectors", // jQuery custom selectors ":sapTabbable"
 	"sap/ui/dom/jquery/Aria" // jQuery Plugin "addAriaLabelledBy", "removeAriaLabelledBy"
@@ -42,7 +43,8 @@ function(
 	ListBaseRenderer,
 	capitalize,
 	jQuery,
-	Log
+	Log,
+	InvisibleMessage
 ) {
 	"use strict";
 
@@ -90,7 +92,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.106.0
 	 *
 	 * @constructor
 	 * @public
@@ -590,7 +592,6 @@ function(
 	};
 
 	ListBase.prototype.exit = function () {
-		this._oSelectedItem = null;
 		this._aNavSections = [];
 		this._aSelectedPaths = [];
 		this._destroyGrowingDelegate();
@@ -624,6 +625,9 @@ function(
 		// Special handling for "AutoExpandSelect" of the V4 ODataModel.
 		if (oEventInfo && oEventInfo.detailedReason === "AddVirtualContext") {
 			createVirtualItem(this);
+			if (this._oGrowingDelegate) {
+				this._oGrowingDelegate.reset(true);
+			}
 			return;
 		} else if (oEventInfo && oEventInfo.detailedReason === "RemoveVirtualContext") {
 			destroyVirtualItem(this);
@@ -759,9 +763,6 @@ function(
 			return this;
 		}
 
-		// clean up the selection
-		this._oSelectedItem = null;
-
 		// suppress the synchronous DOM removal of the aggregation destroy
 		this.destroyAggregation("items", "KeepDom");
 
@@ -777,20 +778,6 @@ function(
 		return this;
 	};
 
-
-	ListBase.prototype.removeAllItems = function(sAggregationName) {
-		this._oSelectedItem = null;
-		return this.removeAllAggregation("items");
-	};
-
-	ListBase.prototype.removeItem = function(vItem) {
-		var oItem = this.removeAggregation("items", vItem);
-		if (oItem && oItem === this._oSelectedItem) {
-			this._oSelectedItem = null;
-		}
-		return oItem;
-	};
-
 	ListBase.prototype.getItems = function(bReadOnly) {
 		if (bReadOnly) {
 			return this.mAggregations["items"] || [];
@@ -824,9 +811,7 @@ function(
 
 	ListBase.prototype.setEnableBusyIndicator = function(bEnable) {
 		this.setProperty("enableBusyIndicator", bEnable, true);
-		if (!this.getEnableBusyIndicator()) {
-			this._hideBusyIndicator();
-		}
+		this._hideBusyIndicator();
 		return this;
 	};
 
@@ -1085,7 +1070,7 @@ function(
 	 * Returns growing information as object with "actual" and "total" keys.
 	 * Note: This function returns "null" if "growing" feature is disabled.
 	 *
-	 * @type object
+	 * @returns {{actual: int, total: int} | null}
 	 * @public
 	 * @since 1.16
 	 * @ui5-metamodel This method also will be described in the UI5 (legacy) designtime metamodel
@@ -1383,7 +1368,10 @@ function(
 		if (this._bBusy) {
 			// revert busy state
 			this._bBusy = false;
-			this.setBusy(false, "listUl");
+			if (this.getEnableBusyIndicator()) {
+				// only call the setBusy method if enableBusyIndicator=true
+				this.setBusy(false, "listUl");
+			}
 		}
 	};
 
@@ -1449,7 +1437,22 @@ function(
 		}
 	};
 
+	ListBase.prototype.onItemRemoved = function(oItem) {
+		oItem._bGroupHeader = false;
+		if (this._oLastGroupHeader == oItem) {
+			this._oLastGroupHeader = null;
+		}
+		if (this._oSelectedItem == oItem) {
+			this._oSelectedItem = null;
+		}
+	};
+
 	ListBase.prototype.onItemInserted = function(oItem, bSelectedDelayed) {
+		// trigger is also an item of the ListBase which should not me mapped to the groupHeaders
+		if (this._oLastGroupHeader && !oItem.isGroupHeader()) {
+			this._oLastGroupHeader.setGroupedItem(oItem);
+		}
+
 		if (bSelectedDelayed) {
 			// item was already selected before inserted to the list
 			this.onItemSelectedChange(oItem, true);
@@ -1523,10 +1526,15 @@ function(
 			return;
 		}
 
-		if (sMode === ListMode.MultiSelect) {
-			this._fireSelectionChangeEvent([oListItem]);
-		} else if (this._bSelectionMode && bSelected) {
+		if (sMode === ListMode.MultiSelect || (this._bSelectionMode && bSelected)) {
 			this._fireSelectionChangeEvent([oListItem]);
+
+			// announce the selection state changes
+			// but only announce if the document.activeElement is the listItem control, else selection control should announce the selection change
+			if (this.getAriaRole() === "list" && document.activeElement === oListItem.getDomRef()) {
+				var oResourceBundle = Core.getLibraryResourceBundle("sap.m");
+				InvisibleMessage.getInstance().announce(bSelected ? oResourceBundle.getText("LIST_ITEM_SELECTED") : oResourceBundle.getText("LIST_ITEM_NOT_SELECTED"), "Assertive");
+			}
 		}
 	};
 
@@ -1928,17 +1936,31 @@ function(
 
 	ListBase.prototype.addItemGroup = function(oGroup, oHeader, bSuppressInvalidate) {
 		if (!oHeader) {
-			oHeader = new GroupHeaderListItem();
-			// setter is used to avoid complex binding parser checks which happens when setting values in constructor (ManagedObject)
-			// i.e., to ignore binding strings "{" "[" from the value being set
-			oHeader.setTitle(oGroup.text || oGroup.key);
+			oHeader = this.getGroupHeaderTemplate(oGroup);
 		}
 
 		oHeader._bGroupHeader = true;
 		this.addAggregation("items", oHeader, bSuppressInvalidate);
+		this.setLastGroupHeader(oHeader);
+		return oHeader;
+	};
+
+	ListBase.prototype.getGroupHeaderTemplate = function(oGroup) {
+		var oHeader = new GroupHeaderListItem();
+		// setter is used to avoid complex binding parser checks which happens when setting values in constructor (ManagedObject)
+		// i.e., to ignore binding strings "{" "[" from the value being set
+		oHeader.setTitle(oGroup.text || oGroup.key);
 		return oHeader;
 	};
 
+	ListBase.prototype.setLastGroupHeader = function(oGroupHeader) {
+		this._oLastGroupHeader = oGroupHeader;
+	};
+
+	ListBase.prototype.getLastGroupHeader = function() {
+		return this._oLastGroupHeader;
+	};
+
 	ListBase.prototype.removeGroupHeaders = function(bSuppressInvalidate) {
 		this.getItems(true).forEach(function(oItem) {
 			if (oItem.isGroupHeader()) {
@@ -1990,15 +2012,25 @@ function(
 	ListBase.prototype.getAccessbilityPosition = function(oItem) {
 		var iSetSize = 0,
 			aItems = this.getVisibleItems(),
-			iPosInset = aItems.indexOf(oItem) + 1,
+			sAriaRole = this.getAriaRole(),
+			// exclude group headers from item count for role="list" || role="listbox" only
+			bExcludeGroupHeaderFromCount = sAriaRole === "list" || sAriaRole === "listbox";
+
+		if (bExcludeGroupHeaderFromCount) {
+			aItems = aItems.filter(function(oItem) {
+				return !oItem.isGroupHeader();
+			});
+		}
+
+		var iPosInset = aItems.indexOf(oItem) + 1,
 			oBinding = this.getBinding("items");
 
 		// use binding length if list is in scroll to load growing mode
 		if (this.getGrowing() && this.getGrowingScrollToLoad() && oBinding && oBinding.isLengthFinal()) {
 			iSetSize = oBinding.getLength();
-			if (oBinding.isGrouped()) {
+			if (oBinding.isGrouped() && !bExcludeGroupHeaderFromCount) {
 				iSetSize += aItems.filter(function(oItem) {
-					return oItem.isGroupHeader() && oItem.getVisible();
+					return oItem.isGroupHeader();
 				}).length;
 			}
 		} else {
@@ -2021,25 +2053,26 @@ function(
 			return;
 		}
 
-		var oItemDomRef = oItem.getDomRef(),
-			mPosition = this.getAccessbilityPosition(oItem);
+		var oItemDomRef = oItem.getDomRef();
 
 		if (!oItem.getContentAnnouncement) {
 			// let the screen reader announce the whole content
 			this.getNavigationRoot().setAttribute("aria-activedescendant", oItemDomRef.id);
-			oItemDomRef.setAttribute("aria-posinset", mPosition.posInset);
-			oItemDomRef.setAttribute("aria-setsize", mPosition.setSize);
 		} else {
 			// prepare the announcement for the screen reader
 			var oAccInfo = oItem.getAccessibilityInfo(),
 				oBundle = Core.getLibraryResourceBundle("sap.m"),
-				sDescription = oAccInfo.type + " . ";
+				sDescription = "";
 
-			if (!Device.browser.chrome || this.isA("sap.m.Table")) {
+			// when items have the role="listitem", aria-roledescription attribute containing the "type" info is already added to DOM,
+			// hence there is no need to add this information again to the custom announcement
+			if (this.getAriaRole() !== "list") {
+				sDescription += oAccInfo.type + " . ";
+			}
+
+			if (this.isA("sap.m.Table")) {
+				var mPosition = this.getAccessbilityPosition(oItem);
 				sDescription += oBundle.getText("LIST_ITEM_POSITION", [mPosition.posInset, mPosition.setSize]) + " . ";
-			} else {
-				oItemDomRef.setAttribute("aria-posinset", mPosition.posInset);
-				oItemDomRef.setAttribute("aria-setsize", mPosition.setSize);
 			}
 
 			sDescription += oAccInfo.description;
@@ -2860,6 +2893,38 @@ function(
 		}
 	};
 
+	/**
+	 * Return the <code>role</code> attribute of the control.
+	 * @returns {string} the <code>role</code> attribute of the control
+	 * @protected
+	 * @ui5-restricted
+	 * @since 1.105
+	 */
+	ListBase.prototype.getAriaRole = function() {
+		return "list";
+	};
+
+	/**
+	 * This method is a hook for the RenderManager that gets called
+	 * during the rendering of child Controls. It allows to add,
+	 * remove and update existing accessibility attributes (ARIA) of
+	 * those controls.
+	 *
+	 * @param {sap.ui.core.Control} oElement - The Control that gets rendered by the RenderManager
+	 * @param {object} mAriaProps - The mapping of "aria-" prefixed attributes
+	 * @protected
+	 */
+	ListBase.prototype.enhanceAccessibilityState = function(oElement, mAriaProps) {
+		if (!oElement.isA("sap.m.ListItemBase") || oElement.isGroupHeader()) {
+			return;
+		}
+
+		// add aria-posinset & aria-setsize attributes to listitem DOM (not for group headers)
+		var mPosition = this.getAccessbilityPosition(oElement);
+		mAriaProps.posinset = mPosition.posInset;
+		mAriaProps.setsize = mPosition.setSize;
+	};
+
 	return ListBase;
 
 });

package/src/sap/m/ListBaseRenderer.js

@@ -236,22 +236,13 @@ sap.ui.define(["sap/m/library", "sap/ui/Device", "sap/ui/core/InvisibleText", ".
 		rm.accessibilityState(oControl, this.getAccessibilityState(oControl));
 	};
 
-	/**
-	 * Returns aria accessibility role
-	 *
-	 * @param {sap.m.ListBase} oControl an object representation of the control
-	 * @returns {string}
-	 */
-	ListBaseRenderer.getAriaRole = function(oControl) {
-		return "listbox";
-	};
-
 	/**
 	 * Returns aria accessibility role for the no data entry.
+	 * @param {sap.m.ListBase} oControl the control instance
 	 *
-	 * @returns {string}
+	 * @returns {string|null} the no data role attribute
 	 */
-	ListBaseRenderer.getNoDataAriaRole = function() {
+	ListBaseRenderer.getNoDataAriaRole = function(oControl) {
 		return null;
 	};
 
@@ -292,12 +283,13 @@ sap.ui.define(["sap/m/library", "sap/ui/Device", "sap/ui/core/InvisibleText", ".
 	 * Returns the accessibility state of the control
 	 *
 	 * @param {sap.m.ListBase} oControl an object representation of the control
+	 * @returns {object} the accessibility state object
 	 */
 	ListBaseRenderer.getAccessibilityState = function(oControl) {
-		var sRole = this.getAriaRole(oControl);
+		var sRole = oControl.getAriaRole();
 		return {
 			role : sRole,
-			multiselectable : (sRole && oControl._bSelectionMode) ? oControl.getMode() == "MultiSelect" : undefined,
+			multiselectable : (sRole === "listbox" && oControl._bSelectionMode) ? oControl.getMode() == "MultiSelect" : undefined,
 			labelledby : {
 				value : this.getAriaLabelledBy(oControl),
 				append : true
@@ -328,7 +320,7 @@ sap.ui.define(["sap/m/library", "sap/ui/Device", "sap/ui/core/InvisibleText", ".
 	ListBaseRenderer.renderNoData = function(rm, oControl) {
 		rm.openStart("li", oControl.getId("nodata"));
 		rm.attr("tabindex", oControl.getKeyboardMode() == ListKeyboardMode.Navigation ? -1 : 0);
-		var sAriaRole = this.getNoDataAriaRole();
+		var sAriaRole = this.getNoDataAriaRole(oControl);
 		if (sAriaRole) {
 			rm.attr("role", sAriaRole);
 		}

package/src/sap/m/ListItemBase.js

@@ -10,6 +10,7 @@ sap.ui.define([
 	"sap/ui/events/KeyCodes",
 	"sap/ui/model/BindingMode",
 	"sap/ui/Device",
+	"sap/ui/core/Core",
 	"sap/ui/core/library",
 	"sap/ui/core/Control",
 	"sap/ui/core/IconPool",
@@ -31,6 +32,7 @@ function(
 	KeyCodes,
 	BindingMode,
 	Device,
+	Core,
 	coreLibrary,
 	Control,
 	IconPool,
@@ -76,7 +78,7 @@ function(
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.103.1
+	 * @version 1.106.0
 	 *
 	 * @constructor
 	 * @public
@@ -188,7 +190,7 @@ function(
 	}});
 
 	ListItemBase.getAccessibilityText = function(oControl, bDetectEmpty) {
-		var oBundle = sap.ui.getCore().getLibraryResourceBundle("sap.m");
+		var oBundle = Core.getLibraryResourceBundle("sap.m");
 
 		if (!oControl || !oControl.getVisible || !oControl.getVisible()) {
 			return bDetectEmpty ? oBundle.getText("CONTROL_EMPTY") : "";
@@ -265,6 +267,9 @@ function(
 	// defines the root tag name for rendering purposes
 	ListItemBase.prototype.TagName = "li";
 
+	// enable the ACC announcement for "not selected"
+	ListItemBase.prototype._bAnnounceNotSelected = true;
+
 	// internal active state of the listitem
 	ListItemBase.prototype.init = function() {
 		this._active = false;
@@ -273,8 +278,15 @@ function(
 		this._bNeedsNavigated = false;
 	};
 
+	ListItemBase.prototype.onBeforeRendering = function() {
+		this._oDomRef = this.getDomRef();
+	};
+
 	ListItemBase.prototype.onAfterRendering = function() {
-		this.informList("DOMUpdate", true);
+		if (!this._oDomRef || this._oDomRef !== this.getDomRef()) {
+			this.informList("DOMUpdate", true);
+		}
+		this._oDomRef = undefined;
 		this._checkHighlight();
 		this._checkNavigated();
 	};
@@ -444,7 +456,7 @@ function(
 	};
 
 	ListItemBase.prototype.getAccessibilityInfo = function() {
-		var oBundle = sap.ui.getCore().getLibraryResourceBundle("sap.m");
+		var oBundle = Core.getLibraryResourceBundle("sap.m");
 		return {
 			type: this.getAccessibilityType(oBundle),
 			description: this.getAccessibilityDescription(oBundle),
@@ -515,7 +527,7 @@ function(
 			id: this.getId() + "-imgDel",
 			icon: this.DeleteIconURI,
 			type: ButtonType.Transparent,
-			tooltip: sap.ui.getCore().getLibraryResourceBundle("sap.m").getText("LIST_ITEM_DELETE")
+			tooltip: Core.getLibraryResourceBundle("sap.m").getText("LIST_ITEM_DELETE")
 		}).addStyleClass("sapMLIBIconDel sapMLIBSelectD").setParent(this, null, true).attachPress(function(oEvent) {
 			this.informList("Delete");
 		}, this);
@@ -552,7 +564,7 @@ function(
 			id: this.getId() + "-imgDet",
 			icon: this.DetailIconURI,
 			type: ButtonType.Transparent,
-			tooltip: sap.ui.getCore().getLibraryResourceBundle("sap.m").getText("LIST_ITEM_EDIT")
+			tooltip: Core.getLibraryResourceBundle("sap.m").getText("LIST_ITEM_EDIT")
 		}).addStyleClass("sapMLIBType sapMLIBIconDet").setParent(this, null, true).attachPress(function() {
 			this.fireDetailTap();
 			this.fireDetailPress();
@@ -723,6 +735,7 @@ function(
 	};
 
 	ListItemBase.prototype.exit = function() {
+		this._oDomRef = null;
 		this._oLastFocused = null;
 		this._checkHighlight(false);
 		this._checkNavigated(false);
@@ -808,16 +821,18 @@ function(
 	// Updates the selected state of the DOM
 	ListItemBase.prototype.updateSelectedDOM = function(bSelected, $This) {
 		$This.toggleClass("sapMLIBSelected", bSelected);
-		$This.attr("aria-selected", bSelected);
+
+		if ($This.attr("role") !== "listitem") {
+			$This.attr("aria-selected", bSelected);
+		}
 	};
 
 	ListItemBase.prototype.setParent = function(oParent) {
-		Control.prototype.setParent.apply(this, arguments);
 		if (!oParent) {
-			this._bGroupHeader = false;
-			return;
+			this.informList("Removed");
 		}
 
+		Control.prototype.setParent.apply(this, arguments);
 		this.informList("Inserted", this.bSelectedDelayed);
 		return this;
 	};
@@ -837,6 +852,20 @@ function(
 		return this._bGroupHeader;
 	};
 
+	/**
+	 * This gets called from the ListBase for the GroupHeader items to inform the connected sub items
+	 *
+	 * @param {sap.m.ListItemBase} oLI The list item
+	 */
+	ListItemBase.prototype.setGroupedItem = function(oLI) {
+		this._aGroupedItems = this._aGroupedItems || [];
+		this._aGroupedItems.push(oLI.getId());
+	};
+
+	ListItemBase.prototype.getGroupedItems = function() {
+		return this._aGroupedItems;
+	};
+
 	/**
 	 * Determines whether item is in SingleSelectMaster mode or
 	 * other selection modes when includeItemInSelection is true
@@ -922,7 +951,7 @@ function(
 	/**
 	 * Detect text selection.
 	 *
-	 * @param {object} oDomRef DOM element of the control
+	 * @param {HTMLElement} oDomRef DOM element of the control
 	 * @returns {boolean} true if text selection is done within the control else false
 	 * @private
 	 */

package/src/sap/m/ListItemBaseRenderer.js

@@ -221,7 +221,7 @@ sap.ui.define(["./library", "sap/ui/core/Core", "sap/ui/Device", "sap/ui/core/In
 	 * @protected
 	 */
 	ListItemBaseRenderer.getAriaRole = function(oLI) {
-		return "option";
+		return "listitem";
 	};
 
 	/**
@@ -283,14 +283,12 @@ sap.ui.define(["./library", "sap/ui/core/Core", "sap/ui/Device", "sap/ui/core/In
 	ListItemBaseRenderer.getAccessibilityState = function(oLI) {
 		var sAriaLabelledBy = this.getAriaLabelledBy(oLI),
 			sAriaDescribedBy = this.getAriaDescribedBy(oLI),
+			sRole = this.getAriaRole(oLI),
 			mAccessibilityState = {
-				role: this.getAriaRole(oLI)
+				role: sRole,
+				roledescription: sRole === "listitem" ? oLI.getAccessibilityType(Core.getLibraryResourceBundle("sap.m")) : null
 			};
 
-		if (oLI.isSelectable()) {
-			mAccessibilityState.selected = oLI.getProperty("selected");
-		}
-
 		if (sAriaLabelledBy) {
 			mAccessibilityState.labelledby = {
 				value: sAriaLabelledBy.trim(),
@@ -309,6 +307,19 @@ sap.ui.define(["./library", "sap/ui/core/Core", "sap/ui/Device", "sap/ui/core/In
 			mAccessibilityState.current = true;
 		}
 
+		if (sRole === "listitem") {
+			mAccessibilityState.selected = null;
+			if (oLI.isGroupHeader()) {
+				mAccessibilityState.role = "group";
+				var aGroupedItems = oLI.getGroupedItems();
+				if (aGroupedItems && aGroupedItems.length) {
+					mAccessibilityState.owns = aGroupedItems.join(" ");
+				}
+			}
+		} else if (oLI.isSelectable()) {
+			mAccessibilityState.selected = oLI.getSelected();
+		}
+
 		return mAccessibilityState;
 	};
 

package/src/sap/m/ListRenderer.js

@@ -19,8 +19,8 @@ sap.ui.define(["sap/ui/core/Renderer", "./ListBaseRenderer"],
 	var ListRenderer = Renderer.extend(ListBaseRenderer);
 	ListRenderer.apiVersion = 2;
 
-	ListRenderer.getNoDataAriaRole = function() {
-		return "option";
+	ListRenderer.getNoDataAriaRole = function(oControl) {
+		return oControl.getAriaRole() === "listbox" ? "option" : "listitem";
 	};
 
 	return ListRenderer;

package/src/sap/m/MaskEnabler.js

@@ -26,7 +26,7 @@ sap.ui.define([
 	 * Applies mask support for input controls.
 	 * It should should be applied to the prototype of a <code>sap.m.InputBase</code>.
 	 *
-	 * @version 1.103.1
+	 * @version 1.106.0
 	 * @private
 	 * @mixin
 	 * @alias sap.m.MaskEnabler
@@ -164,6 +164,12 @@ sap.ui.define([
 				this._applyMask();
 				this._positionCaret(false);
 			}
+
+			var sValue = this.getDOMValue();
+			if (!this._isMaskEnabled() && sValue !== this._sPreviousValue) {
+				this._fireLiveChange(sValue, this._sPreviousValue);
+				this._sPreviousValue = sValue;
+			}
 		};
 
 		/**
@@ -231,6 +237,7 @@ sap.ui.define([
 			if (this._oTempValue._aContent.join("") !== this._oTempValue._aInitial.join("")) {
 				InputBase.prototype.onsapescape.call(this, oEvent);
 			}
+			this._bCheckForLiveChange = true;
 		};
 
 		/**
@@ -611,6 +618,28 @@ sap.ui.define([
 			return this._aRules[iIndex].test(sChar);
 		};
 
+		this.updateDomValue = function(sValue) {
+			InputBase.prototype.updateDomValue.call(this, sValue);
+
+			if (this._bCheckForLiveChange && sValue !== this._sPreviousValue) {
+				this._fireLiveChange(sValue, this._sPreviousValue);
+				this._sPreviousValue = sValue;
+			}
+
+			this._bCheckForLiveChange = false;
+		};
+
+		/**
+		 * Fires liveChange event.
+		 * @private
+		 */
+		 this._fireLiveChange = function(sNewValue, sPreviousValue) {
+			this.fireLiveChange && this.fireLiveChange({
+				value: sNewValue,
+				previousValue: sPreviousValue
+			});
+		};
+
 		/**
 		 * Sets up default mask rules.
 		 * @private
@@ -859,6 +888,13 @@ sap.ui.define([
 		 * @private
 		 */
 		this._applyAndUpdate = function (sMaskInputValue) {
+			if (this._oTempValue && (this._sPreviousValue === undefined || this._sPreviousValue === "")) {
+				this._sPreviousValue = this._oTempValue.toString();
+				this._bCheckForLiveChange = false;
+			} else if (!this._bCutInProgress) {
+				this._bCheckForLiveChange = true;
+			}
+
 			this._applyRules(sMaskInputValue);
 			this.updateDomValue(this._oTempValue.toString());
 		};
@@ -984,6 +1020,8 @@ sap.ui.define([
 			iEnd = iEnd - 1;
 			this._resetTempValue(iBegin, iEnd);
 
+			this._bCutInProgress = true;
+
 			//oncut happens before the input event fires (before oninput)
 			//we want to use the values from this point of time
 			//but set them after the input event is handled (after oninput)
@@ -994,6 +1032,8 @@ sap.ui.define([
 				//update the temp value back
 				//because oninput breaks it
 				this._oTempValue._aContent = aOldTempValueContent;
+				this._bCheckForLiveChange = true;
+				this._bCutInProgress = false;
 				this.updateDomValue(sValue);
 
 				//we want that shortly after updateDomValue
@@ -1008,6 +1048,14 @@ sap.ui.define([
 			), iMinBrowserDelay);
 		};
 
+		/**
+		 * Handle paste event.
+		 * @private
+		 */
+		 this.onpaste = function() {
+			this._bCheckForLiveChange = true;
+		};
+
 		/**
 		 * Handles <code>onKeyDown</code> event.
 		 * @param {jQuery.Event} oEvent The jQuery event object
@@ -1029,7 +1077,6 @@ sap.ui.define([
 				iCursorPos = this._getCursorPosition();
 				oSelection = this._getTextSelection();
 
-
 				// Determine the correct direction based on RTL mode, input characters and selection state
 				sDirection = this._determineArrowKeyDirection(oKey, oSelection);
 
@@ -1095,6 +1142,7 @@ sap.ui.define([
 			}
 
 			this._resetTempValue(iBegin, iEnd);
+			this._bCheckForLiveChange = true;
 			this.updateDomValue(this._oTempValue.toString());
 			this._setCursorPosition(Math.max(this._iUserInputStartPosition, iBegin));
 		};
@@ -1120,6 +1168,7 @@ sap.ui.define([
 
 			if (bAtLeastOneSuccessfulCharPlacement) {
 				iNextPos = iPos; //because the cycle above already found the next pos
+				this._bCheckForLiveChange = true;
 				this.updateDomValue(this._oTempValue.toString());
 				this._setCursorPosition(iNextPos);
 			}
@@ -1514,6 +1563,7 @@ sap.ui.define([
 			 */
 			// Should be called from within the input handler(not in a delayed call), otherwise a flickering between
 			// the old and new value will be observed
+
 			this.updateDomValue(this._oKeyDownStateAndroid.sValue);
 
 			setTimeout(function(oInputEvent, oKeyDownState, oKey) {