@openui5/sap.m 1.94.0 → 1.97.0

package/src/sap/m/MaskEnabler.js

@@ -9,13 +9,14 @@ sap.ui.define([
 	'./InputBase',
 	'sap/ui/Device',
 	'sap/ui/core/library',
+	'sap/ui/core/IconPool',
 	"sap/ui/events/KeyCodes",
 	"sap/base/Log",
 	"sap/ui/thirdparty/jquery",
 	"sap/m/MaskInputRule",
 	// jQuery Plugin "cursorPos"
 	"sap/ui/dom/jquery/cursorPos"
-], function(Control, InputBase, Device, coreLibrary, KeyCodes, Log, jQuery, MaskInputRule) {
+], function(Control, InputBase, Device, coreLibrary, IconPool, KeyCodes, Log, jQuery, MaskInputRule) {
 	"use strict";
 
 	// shortcut for sap.ui.core.TextDirection
@@ -25,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.94.0
+	 * @version 1.97.0
 	 * @private
 	 * @mixin
 	 * @alias sap.m.MaskEnabler
@@ -55,6 +56,8 @@ sap.ui.define([
 			// Skips setup of mask variables on every iteration when initializing default rules
 			this._bSkipSetupMaskVariables = null;
 
+			this._oRb = sap.ui.getCore().getLibraryResourceBundle("sap.m");
+
 			this._setDefaultRules();
 			this._setupMaskVariables();
 		};
@@ -87,6 +90,8 @@ sap.ui.define([
 			}
 
 			InputBase.prototype.onBeforeRendering.apply(this, arguments);
+
+			this.getShowClearIcon && this.getShowClearIcon() && this._getClearIcon().setVisible(this.getProperty("effectiveShowClearIcon"));
 		};
 
 		/**
@@ -169,6 +174,10 @@ sap.ui.define([
 			if (this._isMaskEnabled()) {
 				this._keyPressHandler(oEvent);
 			}
+
+			if (this.getDOMValue() !== "") {
+				this._setClearIconVisibility();
+			}
 		};
 
 		/**
@@ -180,8 +189,11 @@ sap.ui.define([
 				var oKey = this._parseKeyBoardEvent(oEvent);
 
 				InputBase.prototype.onkeydown.apply(this, arguments);
-
 				this._keyDownHandler(oEvent, oKey);
+
+				if (this.getDOMValue() !== "") {
+					this._setClearIconVisibility();
+				}
 			} else {
 				var oKey = this._parseKeyBoardEvent(oEvent);
 				if (oKey.bEnter) {
@@ -209,6 +221,92 @@ sap.ui.define([
 		this.onsapfocusleave = function(oEvent) {
 		};
 
+		/**
+		 * Handle when escape is pressed.
+		 *
+		 * @param {jQuery.Event} oEvent The event object.
+		 * @private
+		 */
+		this.onsapescape = function(oEvent) {
+			if (this._oTempValue._aContent.join("") !== this._oTempValue._aInitial.join("")) {
+				InputBase.prototype.onsapescape.call(this, oEvent);
+			}
+		};
+
+		/**
+		 * Sets the clear icon visibility depending on whether the input value is empty or not.
+		 * @param {boolean} bShowClearIcon whether to force show/hide of the clear icon or not.
+		 * @private
+		 */
+		this._setClearIconVisibility = function(bShowClearIcon) {
+			var bEffectiveShowClearIcon = bShowClearIcon !== undefined ? bShowClearIcon : !this._isValueEmpty();
+			if (this.getShowClearIcon && this.getShowClearIcon()) {
+				this.setProperty("effectiveShowClearIcon", bEffectiveShowClearIcon);
+				this._getClearIcon().setVisible(this.getProperty("effectiveShowClearIcon"));
+			}
+		};
+
+		/**
+		 * Lazy initialization of the clear icon.
+		 * @returns {sap.ui.core.Icon} The created icon.
+		 * @private
+		 */
+		this._getClearIcon = function () {
+			if (this._oClearButton) {
+				return this._oClearButton;
+			}
+
+			this._oClearButton = this.addEndIcon({
+				src: IconPool.getIconURI("decline"),
+				noTabStop: true,
+				visible: false,
+				alt: this._oRb.getText("INPUT_CLEAR_ICON_ALT"),
+				useIconTooltip: false,
+				press: function () {
+					if (!this._isValueEmpty()) {
+						this.fireChange({
+							value: ""
+						});
+
+						this.setValue("");
+						this.setProperty("effectiveShowClearIcon", false);
+						this._getClearIcon().setVisible(false);
+
+						setTimeout(function() {
+							if (Device.system.desktop) {
+								this.focus();
+							}
+						}, 0);
+					}
+				}.bind(this)
+			});
+
+			return this._oClearButton;
+		};
+
+		/**
+		 * Returns whether there is something entered in the field or not.
+		 *
+		 * @protected
+		 * @returns {boolean} True if there are placeholder characters displayed, but nothing is entered.
+		 */
+		this._isValueEmpty = function() {
+			var sValue = this.getDOMValue(),
+				sPlaceholder = this._oTempValue._aInitial.join('');
+
+			return sValue == sPlaceholder;
+		};
+
+		/**
+		 * Gets the inner input DOM value.
+		 *
+		 * @protected
+		 * @returns {string} The value of the input.
+		 */
+		this.getDOMValue = function() {
+			return this._$input.val();
+		};
+
 		/**
 		 * Setter for property <code>value</code>.
 		 *
@@ -232,6 +330,9 @@ sap.ui.define([
 				}
 			}
 
+			// show/hide the clear icon based on the new value (it is not yet set in the DOM, so the default check will not work)
+			this._setClearIconVisibility(sValue !== "");
+
 			return this;
 		};
 
@@ -951,7 +1052,6 @@ sap.ui.define([
 				this._applyAndUpdate(this._sOldInputValue);
 				this._positionCaret(true);
 				oEvent.preventDefault();
-
 			} else if (oKey.bEnter) {
 				this._inputCompletedHandler(oEvent);
 			} else if ((oKey.bCtrlKey && oKey.bInsert) ||
@@ -1166,6 +1266,8 @@ sap.ui.define([
 					this._setCursorPosition(iEndSelectionIndex);
 				}
 			}.bind(this), iMinBrowserDelay);
+
+			this._setClearIconVisibility();
 		};
 
 		/**

package/src/sap/m/MaskInput.js

@@ -21,7 +21,7 @@ sap.ui.define(['./InputBase', './MaskEnabler', './MaskInputRenderer'], function(
 	 *
 	 * @author SAP SE
 	 * @extends sap.m.InputBase
-	 * @version 1.94.0
+	 * @version 1.97.0
 	 *
 	 * @constructor
 	 * @public
@@ -38,7 +38,7 @@ sap.ui.define(['./InputBase', './MaskEnabler', './MaskInputRenderer'], function(
 				/**
 				 * Defines a placeholder symbol. Shown at the position where there is no user input yet.
 				 */
-				placeholderSymbol: {type: "string", group: "Misc", defaultValue: "_"},
+				placeholderSymbol: { type: "string", group: "Misc", defaultValue: "_" },
 
 				/**
 				 * Mask defined by its characters type (respectively, by its length).
@@ -50,14 +50,29 @@ sap.ui.define(['./InputBase', './MaskEnabler', './MaskInputRenderer'], function(
 				 * 3. You can use the special escape character '^' called "Caret" prepending a rule character to make it immutable.
 				 * Use the double escape '^^' if you want to make use of the escape character as an immutable one.
 				 */
-				mask: {type: "string", group: "Misc", defaultValue: null}
+				mask: { type: "string", group: "Misc", defaultValue: null },
+
+				/**
+				 * Specifies whether a clear icon is shown.
+				 * Pressing the icon will clear input's value and fire the change event.
+				 * @since 1.96
+				 */
+				 showClearIcon: { type: "boolean", defaultValue: false },
+
+				 /**
+				  * Specifies whether the clear icon should be shown/hidden on user interaction.
+				  * @private
+				  */
+				 effectiveShowClearIcon: { type: "boolean", defaultValue: false, visibility: "hidden" }
+
 			},
 			aggregations: {
 
 				/**
 				 A list of validation rules (one rule per mask character).
 				 */
-				rules: {type: "sap.m.MaskInputRule", multiple: true, singularName: "rule"}
+				rules: { type: "sap.m.MaskInputRule", multiple: true, singularName: "rule" }
+
 			},
 			dnd: { draggable: false, droppable: true }
 		}

package/src/sap/m/MaskInputRule.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/ui/core/Element', "sap/base/Log"], function(Element, Log) {
 	 *
 	 * @author SAP SE
 	 * @extends sap.ui.core.Element
-	 * @version 1.94.0
+	 * @version 1.97.0
 	 * @public
 	 * @constructor
 	 * @since 1.34.0

package/src/sap/m/Menu.js

@@ -4,11 +4,6 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-// Ensure that sap.ui.unified is loaded before the module dependencies will be required.
-// Loading it synchronously is the only compatible option and doesn't harm when sap.ui.unified
-// already has been loaded asynchronously (e.g. via a dependency declared in the manifest)
-sap.ui.getCore().loadLibrary("sap.ui.unified");
-
 // Provides control sap.m.Menu.
 sap.ui.define([
 	'./library',
@@ -62,11 +57,18 @@ sap.ui.define([
 		 * @class
 		 * The <code>sap.m.Menu</code> control represents a hierarchical menu.
 		 * When opened on mobile devices it occupies the whole screen.
+		 *
+		 * <b>Note:</b> The application developer should add dependency to <code>sap.ui.unified</code> library
+		 * on application level to ensure that the library is loaded before the module dependencies will be required.
+		 * If the <code>sap.ui.unified</code> library is not loaded in advance, this
+		 * could lead to CSP compliance issues and adds an additional waiting time.
+		 * To prevent this, ensure that the <code>sap.ui.unified</code> library is loaded in advance.
+		 *
 		 * @extends sap.ui.core.Control
 		 * @implements sap.ui.core.IContextMenu
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.97.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MenuButton.js

@@ -58,7 +58,7 @@ sap.ui.define([
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.97.0
 		 *
 		 * @constructor
 		 * @public
@@ -254,6 +254,10 @@ sap.ui.define([
 			if (this._needsWidth() && sap.ui.getCore().isThemeApplied() && this._getTextBtnContentDomRef() && this._getInitialTextBtnWidth() > 0) {
 				this._getTextBtnContentDomRef().style.width = this._getInitialTextBtnWidth() + 'px';
 			}
+			if (this._activeButton) {
+				this._activeButton.$().attr("aria-expanded", "false");
+				this._activeButton = null;
+			}
 		};
 
 		MenuButton.prototype.onThemeChanged = function(oEvent) {
@@ -498,6 +502,7 @@ sap.ui.define([
 			}
 
 			bOpeningMenuButton.$().removeAttr("aria-controls");
+			bOpeningMenuButton.$().attr("aria-expanded", "false");
 		};
 
 		MenuButton.prototype._menuItemSelected = function(oEvent) {
@@ -753,6 +758,7 @@ sap.ui.define([
 
 			if (oMenu) {
 				oOpeningMenuButton.$().attr("aria-controls", oMenu.getDomRefId());
+				oOpeningMenuButton.$().attr("aria-expanded", "true");
 			}
 		};
 

package/src/sap/m/MenuButtonRenderer.js

@@ -39,6 +39,7 @@ sap.ui.define([],
 			oRm.openEnd();
 			oMenuButton._ensureBackwardsReference();
 			oRm.renderControl(oMenuButton._getButtonControl());
+			oMenuButton._activeButton = oMenuButton._isSplitButton() ? oMenuButton._getButtonControl()._getArrowButton() : oMenuButton._getButtonControl();
 			oRm.close("div");
 		};
 

package/src/sap/m/MenuItem.js

@@ -23,7 +23,7 @@ sap.ui.define(['./library', 'sap/ui/core/Item', 'sap/ui/base/ManagedObjectObserv
 		 * @extends sap.ui.core.Item
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.97.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MenuListItem.js

@@ -32,7 +32,7 @@ sap.ui.define([
 		 * @extends sap.m.ListItemBase
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.97.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/MessageItem.js

@@ -37,7 +37,7 @@ sap.ui.define([
 		 *
 		 * @extends sap.ui.core.Item
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.97.0
 		 *
 		 * @constructor
 		 * @public
@@ -146,21 +146,6 @@ sap.ui.define([
 			this._updatePropertiesFn = customFn;
 		};
 
-		MessageItem.prototype.setDescription = function(sDescription) {
-			// Avoid showing result of '' + undefined
-			if (typeof sDescription === 'undefined') {
-				sDescription = '';
-			}
-
-			if (this.getMarkupDescription()) {
-				sDescription = sanitizeHTML(sDescription);
-			}
-
-			this.setProperty("description", sDescription, true);
-
-			return this;
-		};
-
 		/**
 		 * Sets type of the MessageItem.
 		 * <b>Note:</b> if you set the type to None it will be handled and rendered as Information.

package/src/sap/m/MessageListItem.js

@@ -30,7 +30,7 @@ sap.ui.define([
 		 * @extends sap.m.StandardListItem
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.97.0
 		 *
 		 * @constructor
 		 * @private

package/src/sap/m/MessagePage.js

@@ -45,6 +45,9 @@ sap.ui.define([
 		// shortcut for sap.m.BarDesign
 		var BarDesign = library.BarDesign;
 
+		// shortcut for sap.ui.core.TitleLevel
+		var TitleLevel = coreLibrary.TitleLevel;
+
 		/**
 		 * Constructor for a new MessagePage.
 		 *
@@ -69,7 +72,7 @@ sap.ui.define([
 		 * @see {@link fiori:https://experience.sap.com/fiori-design-web/message-page/ Message Page}
 		 *
 		 * @extends sap.ui.core.Control
-		 * @version 1.94.0
+		 * @version 1.97.0
 		 *
 		 * @constructor
 		 * @public
@@ -93,6 +96,14 @@ sap.ui.define([
 				 * Determines the title in the header of MessagePage.
 				 */
 				title : { type : "string", group : "Misc", defaultValue : null },
+				/**
+				 * Defines the semantic level of the title. When using <code>Auto</code>, no explicit level information is written.
+				 *
+				 * <b>Note:</b> Used for accessibility purposes only.
+				 *
+				 * @since 1.97
+				 */
+				titleLevel : { type: "sap.ui.core.TitleLevel", group: "Appearance", defaultValue: TitleLevel.Auto },
 				/**
 				 * Determines the visibility of the MessagePage header.
 				 * Can be used to hide the header of the MessagePage when it's embedded in another page.
@@ -235,12 +246,15 @@ sap.ui.define([
 		MessagePage.prototype.setTitle = function(sTitle) {
 			this.setProperty("title", sTitle, true); // no re-rendering
 
-			if (!this._oTitle) {
-				this._oTitle = new Title(this.getId() + "-title");
-				this._getInternalHeader().addContentMiddle(this._oTitle);
-			}
+			this._getTitle().setText(sTitle);
+
+			return this;
+		};
 
-			this._oTitle.setText(sTitle);
+		MessagePage.prototype.setTitleLevel = function(sTitleLevel) {
+			this.setProperty("titleLevel", sTitleLevel, true); // no re-rendering
+
+			this._getTitle().setLevel(sTitleLevel);
 
 			return this;
 		};
@@ -347,6 +361,21 @@ sap.ui.define([
 			return this.getAggregation("_text");
 		};
 
+		/**
+		 * @returns {sap.m.Title} the control which will display the MessagePage's title
+		 * @private
+		 */
+		MessagePage.prototype._getTitle = function() {
+			if (!this._oTitle) {
+				this._oTitle = new Title(this.getId() + "-title", {
+					level: this.getTitleLevel()
+				});
+				this._getInternalHeader().addContentMiddle(this._oTitle);
+			}
+
+			return this._oTitle;
+		};
+
 		/**
 		 * @returns {sap.m.Link|sap.m.FormattedText|sap.m.Text} the control which will display the MessagePage's description
 		 * @private

package/src/sap/m/MessagePopover.js

@@ -91,7 +91,7 @@ function(
 		 * @extends sap.ui.core.Control
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.97.0
 		 *
 		 * @constructor
 		 * @public
@@ -465,9 +465,6 @@ function(
 					// update the MessageView's items as well
 					item._updateProperties(function () {
 						that._bItemsChanged = true;
-
-						// navigate back if a property is changed
-						that.navigateBack();
 					});
 
 					// we need to clone the item along with its bindings and aggregations

package/src/sap/m/MessagePopoverItem.js

@@ -19,7 +19,7 @@ sap.ui.define(["./library", "./MessageItem"],
 		 * @extends sap.m.MessageItem
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.97.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/m/MessageStrip.js

@@ -83,7 +83,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.97.0
 	 *
 	 * @constructor
 	 * @public
@@ -249,8 +249,12 @@ sap.ui.define([
 
 	MessageStrip.prototype.setAggregation = function (sName, oControl, bSupressInvalidate) {
 		if (sName === "link" && oControl instanceof Link) {
-			var sId = this.getId() + "-info" + " " + this.getId() + "-content";
-			oControl.addAriaDescribedBy(sId);
+			var sId = this.getId() + "-info" + " " + this.getId() + "-content",
+				aAriaDescribedBy = oControl.getAriaDescribedBy();
+
+			if (!aAriaDescribedBy.includes(sId)) {
+				oControl.addAriaDescribedBy(sId);
+			}
 		}
 
 		Control.prototype.setAggregation.call(this, sName, oControl, bSupressInvalidate);

package/src/sap/m/MessageStripRenderer.js

@@ -4,8 +4,8 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define(["./MessageStripUtilities"],
-	function (MSUtils) {
+sap.ui.define(["./MessageStripUtilities", "sap/ui/core/IconPool"],
+	function (MSUtils, IconPool) {
 	"use strict";
 
 	/**

package/src/sap/m/MessageToast.js

@@ -70,7 +70,7 @@ sap.ui.define([
 		 * The message toast has the same behavior on all devices. However, you can adjust the width of the control, for example, for use on a desktop device.
 		 *
 		 * @author SAP SE
-		 * @version 1.94.0
+		 * @version 1.97.0
 		 *
 		 * @namespace
 		 * @public

package/src/sap/m/MessageView.js

@@ -112,7 +112,7 @@ sap.ui.define([
 	 * The responsiveness of the <code>MessageView</code> is determined by the container in which it is embedded. For that reason the control could not be visualized if the
 	 * container’s sizes are not defined.
 	 * @author SAP SE
-	 * @version 1.94.0
+	 * @version 1.97.0
 	 *
 	 * @extends sap.ui.core.Control
 	 * @constructor
@@ -601,13 +601,13 @@ sap.ui.define([
 		var sCloseBtnDescr = this._oResourceBundle.getText("MESSAGEPOPOVER_CLOSE");
 		var sCloseBtnDescrId = this.getId() + "-CloseBtnDescr";
 		var oCloseBtnARIAHiddenDescr = new HTML(sCloseBtnDescrId, {
-			content: "<span id=\"" + sCloseBtnDescrId + "\" style=\"display: none;\">" + sCloseBtnDescr + "</span>"
+			content: "<span id=\"" + sCloseBtnDescrId + "\" class=\"sapMMsgViewHiddenContainer\">" + sCloseBtnDescr + "</span>"
 		});
 
 		var sHeadingDescr = this._oResourceBundle.getText("MESSAGEPOPOVER_ARIA_HEADING");
 		var sHeadingDescrId = this.getId() + "-HeadingDescr";
 		var oHeadingARIAHiddenDescr = new HTML(sHeadingDescrId, {
-			content: "<span id=\"" + sHeadingDescrId + "\" style=\"display: none;\" role=\"heading\">" + sHeadingDescr + "</span>"
+			content: "<span id=\"" + sHeadingDescrId + "\" class=\"sapMMsgViewHiddenContainer\" role=\"heading\">" + sHeadingDescr + "</span>"
 		});
 
 		this._oSegmentedButton = new SegmentedButton(this.getId() + "-segmented", {}).addStyleClass("sapMSegmentedButtonNoAutoWidth");
@@ -629,14 +629,14 @@ sap.ui.define([
 		var sCloseBtnDescr = this._oResourceBundle.getText("MESSAGEPOPOVER_CLOSE");
 		var sCloseBtnDescrId = this.getId() + "-CloseBtnDetDescr";
 		var oCloseBtnARIAHiddenDescr = new HTML(sCloseBtnDescrId, {
-			content: "<span id=\"" + sCloseBtnDescrId + "\" style=\"display: none;\">" + sCloseBtnDescr + "</span>"
+			content: "<span id=\"" + sCloseBtnDescrId + "\" class=\"sapMMsgViewHiddenContainer\">" + sCloseBtnDescr + "</span>"
 		});
 
 		var sBackBtnTooltipDescr = this._oResourceBundle.getText("MESSAGEPOPOVER_ARIA_BACK_BUTTON_TOOLTIP");
 		var sBackBtnDescr = this._oResourceBundle.getText("MESSAGEPOPOVER_ARIA_BACK_BUTTON");
 		var sBackBtnDescrId = this.getId() + "-BackBtnDetDescr";
 		var oBackBtnARIAHiddenDescr = new HTML(sBackBtnDescrId, {
-			content: "<span id=\"" + sBackBtnDescrId + "\" style=\"display: none;\">" + sBackBtnDescr + "</span>"
+			content: "<span id=\"" + sBackBtnDescrId + "\" class=\"sapMMsgViewHiddenContainer\">" + sBackBtnDescr + "</span>"
 		});
 
 		this._oBackButton = new Button({
@@ -979,15 +979,22 @@ sap.ui.define([
 	 */
 	MessageView.prototype._setDescription = function (oMessageItem) {
 		var oLink = oMessageItem.getLink();
+		var sDescription = oMessageItem.getDescription();
+
+		if (oMessageItem.getMarkupDescription()) {
+			var tagPolicy = this._getTagPolicy();
+			/*global html*/
+			sDescription = html.sanitizeWithPolicy(sDescription, tagPolicy);
+		}
+
 		this._oLastSelectedItem = oMessageItem;
 		if (oMessageItem.getMarkupDescription()) {
-			// description is sanitized in MessageItem.setDescription()
 			this._oMessageDescriptionText = new HTML(this.getId() + "MarkupDescription", {
-				content: "<div class='sapMMsgViewDescriptionText'>" + ManagedObject.escapeSettingsValue(oMessageItem.getDescription()) + "</div>"
+				content: "<div class='sapMMsgViewDescriptionText'>" + ManagedObject.escapeSettingsValue(sDescription) + "</div>"
 			});
 		} else {
 			this._oMessageDescriptionText = new Text(this.getId() + "MessageDescriptionText", {
-				text: ManagedObject.escapeSettingsValue(oMessageItem.getDescription())
+				text: ManagedObject.escapeSettingsValue(sDescription)
 			}).addStyleClass("sapMMsgViewDescriptionText");
 		}
 
@@ -1159,24 +1166,6 @@ sap.ui.define([
 		};
 	};
 
-	/**
-	 * Perform description sanitization based on Caja HTML sanitizer
-	 * @param {sap.m.MessageItem} oMessageItem The item to be sanitized
-	 * @private
-	 */
-	MessageView.prototype._sanitizeDescription = function (oMessageItem) {
-		var sDescription = oMessageItem.getDescription();
-
-		if (oMessageItem.getMarkupDescription()) {
-			var tagPolicy = this._getTagPolicy();
-			/*global html*/
-			sDescription = html.sanitizeWithPolicy(sDescription, tagPolicy);
-		}
-
-		oMessageItem.setDescription(sDescription);
-		this._setDescription(oMessageItem);
-	};
-
 	/**
 	 * Handles click on a list item
 	 *
@@ -1248,7 +1237,7 @@ sap.ui.define([
 
 	MessageView.prototype._navigateToDetails = function(oMessageItem, oListItem, sTransiotionName, bSuppressNavigate) {
 		this._setTitle(oMessageItem, oListItem);
-		this._sanitizeDescription(oMessageItem);
+		this._setDescription(oMessageItem);
 		this._setIcon(oMessageItem, oListItem);
 		this._detailsPage.invalidate();
 		this.fireLongtextLoaded();