@openui5/sap.m 1.123.1 → 1.124.0

package/src/sap/m/GenericTileRenderer.js

@@ -46,9 +46,10 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/core/Them
 		var sAriaRoleDescription = oControl.getAriaRoleDescription();
 		var sAriaRole = oControl.getAriaRole();
 		var isHalfFrame = frameType === frameTypes.OneByHalf || frameType === frameTypes.TwoByHalf;
-		var sBGColor = oControl._sBGColor;
+		var sBGColor = oControl._oBadgeColors["backgroundColor"];
 		var bIsIconModeOneByOne = oControl._isIconMode() && frameType === frameTypes.OneByOne;
 		var aLinkTileContent = oControl.getLinkTileContents();
+		var oBadge = oControl.getBadge();
 
 		// Render a link when URL is provided, not in action scope and the state is enabled
 		var bRenderLink = oControl.getUrl() && (!oControl._isInActionScope() || oControl.getMode() === GenericTileMode.IconMode) && sState !== LoadState.Disabled && !oControl._isNavigateActionEnabled();
@@ -331,14 +332,29 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/core/Them
 
 			//Render Header Image
 			if (sHeaderImage) {
-				oControl._oImage.removeStyleClass(ValueColor.None);
-				if (this._sPreviousStyleClass) {
-					oControl._oImage.removeStyleClass(this._sPreviousStyleClass);
+				var bIsIconFrameEnabled = oControl.isA("sap.m.ActionTile") && oControl.getProperty("enableIconFrame");
+				if (!bIsIconFrameEnabled) {
+					oControl._oImage.removeStyleClass(ValueColor.None);
+					if (this._sPreviousStyleClass) {
+						oControl._oImage.removeStyleClass(this._sPreviousStyleClass);
+					}
+					this._sPreviousStyleClass = this._isValueColorValid(oControl.getValueColor()) ? oControl.getValueColor() : ValueColor.None;
+					oControl._oImage.addStyleClass(this._sPreviousStyleClass);
+				} else {
+					oRm.openStart("div", oControl.getId() + "-icon-frame").openEnd();
 				}
-				this._sPreviousStyleClass = this._isValueColorValid(oControl.getValueColor()) ? oControl.getValueColor() : ValueColor.None;
-				oControl._oImage.addStyleClass(this._sPreviousStyleClass);
 
+				oControl._oImage.toggleStyleClass("sapMATIconFrame", bIsIconFrameEnabled);
 				oRm.renderControl(oControl._oImage);
+
+				if (bIsIconFrameEnabled) {
+					oRm.close("div");
+				}
+			}
+
+			var bIsContentPriorityPresent = this._isPriorityPresent(oControl);
+			if (bIsContentPriorityPresent) {
+				oRm.openStart("div", oControl.getId() + "-header-container").class("sapMATHeaderContainer").openEnd();
 			}
 
 			this._renderHeader(oRm, oControl);
@@ -359,10 +375,16 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/core/Them
 				}
 			}
 
-			if (!(isHalfFrame && isContentPresent) && oControl.getSubheader()) {
+			if (bIsContentPriorityPresent) {
+				this._renderPriorityText(oRm, oControl);
+			} else if (!(isHalfFrame && isContentPresent) && oControl.getSubheader()) {
 				this._renderSubheader(oRm, oControl);
 			}
+
+			if (bIsContentPriorityPresent) {
 				oRm.close("div");
+			}
+			oRm.close("div");
 
 			if ( !oControl._isIconMode() ) { //Restrict creation of Footer for IconMode
 				oRm.openStart("div", oControl.getId() + "-content");
@@ -430,6 +452,9 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/core/Them
 		if (oControl._isInActionScope()) {
 			this._renderActionsScope(oRm, oControl);
 		}
+		if (oBadge && (oBadge.getSrc() || oBadge.getText()) && (!oControl._isInActionScope() || oControl._isIconModeOfTypeTwoByHalf() )) {
+			this._renderBadge(oRm,oControl);
+		}
 		if (bRenderLink) {
 			oRm.close("a");
 		} else {
@@ -437,6 +462,77 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/core/Them
 		}
 	};
 
+	/**
+	 * Renders a badge on top of GenericTile.
+	 * @param {sap.ui.core.RenderManager} oRm - The RenderManager instance.
+	 * @param {sap.m.GenericTile} oControl The GenericTile control
+	 * @private
+	 */
+
+	GenericTileRenderer._renderBadge = function(oRm,oControl) {
+		var oBadge = oControl.getBadge();
+		var sBadgeText = oBadge.getText();
+		var bIsIconOnlyPresent = oBadge.getSrc() && !oBadge.getText();
+		var bIsTextOnlyPresent = !oBadge.getSrc() && oBadge.getText();
+		oRm.openStart("div");
+		oRm.class("sapMGTBadge");
+		oRm.class("sapMGTBadgeBackgroundColor" + oBadge.getBackgroundColor());
+		oRm.class("sapMGTBadgeColor" + oBadge.getTextColor());
+		oRm.class("sapMGTBadgeBorderColor" + oBadge.getBorderColor());
+		if (oBadge.getText() && oBadge.getSrc()) {
+			oRm.class("sapMGTBadgeTextPresent");
+		}
+		oRm.class((bIsIconOnlyPresent) ? "sapMGTBadgeOnlyIcon" : null);
+		oRm.class((bIsTextOnlyPresent) ? "sapMGTBadgeOnlyText" : null);
+		oRm.openEnd();
+		if (oBadge.getSrc()) {
+			oRm.renderControl(oControl._oBadgeIcon);
+		}
+		if (sBadgeText) {
+			oRm.openStart("span");
+			oRm.class("sapMGTBadgeText");
+			oRm.openEnd();
+			oRm.text(sBadgeText);
+			oRm.close("span");
+		}
+		if (oControl.getState() != LoadState.Loaded) {
+			oRm.openStart("div");
+			oRm.class("sapMGTBadgeOverlay");
+			oRm.class("sapMGTBadgeBackgroundColor" + oBadge.getBackgroundColor());
+			oRm.openEnd();
+			oRm.close("div");
+		}
+		oRm.close("div");
+	};
+
+	/**
+	 * Checks if the priority is present for a tile.
+	 * Applies only for ActionMode.
+	 *
+	 * @private
+	 * @param {object} oControl - The tile control instance.
+	 * @returns {boolean} - Returns true if the content priority is present; otherwise, returns false.
+	 */
+	GenericTileRenderer._isPriorityPresent = function (oControl) {
+		return oControl.isA("sap.m.ActionTile") && oControl.getProperty("priority") && oControl.getProperty("priorityText");
+	};
+
+	/**
+	 * Renders the priority text for the tile.
+	 *
+	 * @private
+	 * @param {object} oRm - The RenderManager instance.
+	 * @param {object} oControl - The control instance to render.
+	 */
+	GenericTileRenderer._renderPriorityText = function (oRm, oControl) {
+		oRm.openStart("div", oControl.getId() + "-priority-text");
+		oRm.class("sapMTilePriorityValue");
+		oRm.class(oControl.getProperty("priority"));
+		oRm.openEnd();
+		oRm.text(oControl.getProperty("priorityText"));
+		oRm.close("div");
+	};
+
 	/**
 	 * Checks if the GenericTile should be draggable or not.
 	 * @param {sap.m.GenericTile} oControl The GenericTile control
@@ -586,10 +682,6 @@ sap.ui.define(["sap/m/library", "sap/base/security/encodeCSS", "sap/ui/core/Them
 	GenericTileRenderer._renderHeader = function(oRm, oControl) {
 		oRm.openStart("div", oControl.getId() + "-hdr-text");
 		oRm.class("sapMGTHdrTxt");
-		if (oControl._isActionMode() && this._isValueColorValid(oControl.getValueColor())) {
-			oRm.class("sapMGTCriticalHdrTxt");
-			oRm.class(oControl.getValueColor());
-		}
 		oRm.openEnd();
 		oRm.renderControl(oControl._oTitle);
 		oRm.close("div");

package/src/sap/m/GroupHeaderListItem.js

@@ -32,7 +32,7 @@ sap.ui.define(["sap/ui/core/library", "./library", "./ListItemBase", "./GroupHea
 	 * @implements sap.m.ITableItem
 
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/GrowingList.js

@@ -22,7 +22,7 @@ sap.ui.define(['./List', './library', './GrowingListRenderer', 'sap/ui/core/Conf
 	 * @extends sap.m.List
 	 *
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.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.123.1
+	 * @version 1.124.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/HeaderContainer.js

@@ -124,7 +124,7 @@ sap.ui.define([
 		 * @since 1.44.0
 		 *
 		 * @author SAP SE
-		 * @version 1.123.1
+		 * @version 1.124.0
 		 *
 		 * @public
 		 * @alias sap.m.HeaderContainer
@@ -206,7 +206,13 @@ sap.ui.define([
         			* @since 1.99
 					* @experimental since 1.99
 					*/
-					gridLayout: {type: "boolean", defaultValue: false}
+					gridLayout: {type: "boolean", defaultValue: false},
+					/**
+					 * The height of all the items is stretched to match the largest item in the row within the HeaderContainer.
+					 *
+					 * If set to <code>true</code>, the items are going to get stretched.
+					 */
+					snapToRow: {type: "boolean", group: "Appearance", defaultValue: false}
 				},
 				defaultAggregation: "content",
 				aggregations: {

package/src/sap/m/HeaderContainerItemNavigator.js

@@ -16,7 +16,7 @@ sap.ui.define([
 	 * @since 1.67.0
 	 *
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 *
 	 * @constructor
 	 * @alias sap.m.HeaderContainerItemNavigator

package/src/sap/m/HeaderContainerRenderer.js

@@ -34,6 +34,9 @@ sap.ui.define(['sap/ui/core/library'],
 			oRm.attr("title", sTooltip);
 		}
 		oRm.class("sapMHdrCntr");
+		if (oControl.getSnapToRow()) {
+			oRm.class("sapMHdrCntrSnapToRow");
+		}
 		oRm.class(sOrientationClass);
 		if (oControl.getShowDividers()) {
 			oRm.class("sapMHrdrCntrDvdrs");

package/src/sap/m/IconTabBar.js

@@ -94,7 +94,7 @@ sap.ui.define([
 	 * @implements sap.m.ObjectHeaderContainer, sap.f.IDynamicPageStickyContent
 	 *
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 *
 	 * @public
 	 * @alias sap.m.IconTabBar

package/src/sap/m/IconTabBarSelectList.js

@@ -40,7 +40,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/IconTabFilter.js

@@ -92,7 +92,7 @@ sap.ui.define([
 	 * @implements sap.m.IconTab
 	 *
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 *
 	 * @constructor
 	 * @public
@@ -599,7 +599,7 @@ sap.ui.define([
 			oRM.openStart("div", sId + "-text")
 				.class("sapMITBText");
 
-			if (!oIcon && !bShowAll) {
+			if (!bShowAll) {
 				oRM.class("sapMITBBadgeHolder");
 			}
 

package/src/sap/m/IconTabFilterExpandButtonBadge.js

@@ -31,7 +31,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/m/IconTabHeader.js

@@ -85,7 +85,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/IconTabSeparator.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @implements sap.m.IconTab
 	 *
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/IllustratedMessage.js

@@ -88,7 +88,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 *
 	 * @constructor
 	 * @public
@@ -329,6 +329,8 @@ sap.ui.define([
 
 	IllustratedMessage.prototype.init = function () {
 		this._sLastKnownMedia = null;
+		this._oLastKnownWidthForMedia = {};
+		this._oLastKnownHeightForMedia = {};
 		this._updateInternalIllustrationSetAndType(this.getIllustrationType());
 		EventBus.getInstance().subscribe("sapMIllusPool-assetLdgFailed", this._handleMissingAsset.bind(this));
 	};
@@ -624,7 +626,7 @@ sap.ui.define([
 	 */
 	IllustratedMessage.prototype._updateMedia = function (iWidth, iHeight) {
 		var bVertical = this.getEnableVerticalResponsiveness(),
-			sNewMedia;
+			sNewMedia, iLastKnownWidth, iLastKnownHeight;
 
 		if (!iWidth && !iHeight) {
 			return;
@@ -643,7 +645,21 @@ sap.ui.define([
 		}
 
 		this._updateSymbol(sNewMedia);
-		this._updateMediaStyle(sNewMedia);
+
+		iLastKnownWidth = this._oLastKnownWidthForMedia[sNewMedia];
+		iLastKnownHeight = this._oLastKnownHeightForMedia[sNewMedia];
+		// prevents infinite resizing, when same width is detected for the same media,
+		// excluding the case in which, the control is placed inside expand/collapse container
+		if (this._sLastKnownMedia !== sNewMedia &&
+			!(iLastKnownWidth && iWidth === iLastKnownWidth
+			&& iLastKnownHeight && iHeight === iLastKnownHeight)
+			|| this._oLastKnownWidthForMedia[this._sLastKnownMedia] === 0
+			|| this._oLastKnownHeightForMedia[this._sLastKnownMedia] === 0) {
+			this._updateMediaStyle(sNewMedia);
+			this._oLastKnownWidthForMedia[sNewMedia] = iWidth;
+			this._oLastKnownHeightForMedia[sNewMedia] = iHeight;
+			this._sLastKnownMedia = sNewMedia;
+		}
 	};
 
 	/**

package/src/sap/m/IllustratedMessageSize.js

@@ -4,7 +4,7 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define([], function() {
+sap.ui.define(["sap/ui/base/DataType"], function(DataType) {
 	"use strict";
 
 	/**
@@ -64,6 +64,8 @@ sap.ui.define([], function() {
 		Scene : "Scene"
 	};
 
+	DataType.registerEnum("sap.m.IllustratedMessageSize", IllustratedMessageSize);
+
 	return IllustratedMessageSize;
 });
 

package/src/sap/m/IllustratedMessageType.js

@@ -4,7 +4,7 @@
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
-sap.ui.define([], function () {
+sap.ui.define(["sap/ui/base/DataType"], function(DataType) {
 	"use strict";
 
 	/**
@@ -379,6 +379,8 @@ sap.ui.define([], function () {
 
 	};
 
+	DataType.registerEnum("sap.m.IllustratedMessageType", IllustratedMessageType);
+
 	return IllustratedMessageType;
 });
 

package/src/sap/m/Illustration.js

@@ -41,7 +41,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/Image.js

@@ -62,7 +62,7 @@ sap.ui.define([
 	 * @borrows sap.ui.core.IFormContent.getFormDoNotAdjustWidth as #getFormDoNotAdjustWidth
 	 *
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 *
 	 * @public
 	 * @alias sap.m.Image

package/src/sap/m/ImageContent.js

@@ -33,7 +33,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 * @since 1.38
 	 *
 	 * @public

package/src/sap/m/Input.js

@@ -11,6 +11,7 @@ sap.ui.define([
 	'sap/ui/core/Item',
 	'sap/ui/core/LabelEnablement',
 	'sap/ui/core/AccessKeysEnablement',
+	'sap/ui/core/library',
 	'./ColumnListItem',
 	'./GroupHeaderListItem',
 	'sap/ui/core/SeparatorItem',
@@ -48,6 +49,7 @@ function(
 	Item,
 	LabelEnablement,
 	AccessKeysEnablement,
+	CoreLibrary,
 	ColumnListItem,
 	GroupHeaderListItem,
 	SeparatorItem,
@@ -160,7 +162,7 @@ function(
 	 * @extends sap.m.InputBase
 	 * @implements sap.ui.core.IAccessKeySupport
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 *
 	 * @constructor
 	 * @public
@@ -623,6 +625,7 @@ function(
 		// even though there is no user input (check Input.prototype.onsapright).
 		this._setTypedInValue("");
 		this._bDoTypeAhead = false;
+		this._isValueInitial = false;
 
 		// indicates whether input is clicked (on mobile) or the clear button
 		// used for identifying whether dialog should be open.
@@ -702,6 +705,10 @@ function(
 
 		InputBase.prototype.onBeforeRendering.call(this);
 
+		if (!this.getDomRef() && this.getValue()) {
+			this._isValueInitial = true;
+		}
+
 		if (this.getShowClearIcon()) {
 			this._getClearIcon().setProperty("visible", bShowClearIcon);
 		} else if (this._oClearButton) {
@@ -756,6 +763,15 @@ function(
 		}
 	};
 
+	Input.prototype.onAfterRendering = function() {
+		InputBase.prototype.onAfterRendering.call(this);
+
+		if (this._isValueInitial && this.getType() === InputType.Password) {
+			this.getDomRef("inner").value = this.getProperty("value");
+			this._isValueInitial = false;
+		}
+	};
+
 	/**
 	 * Returns input display text.
 	 *
@@ -1448,29 +1464,28 @@ function(
 		const aItems = this._hasTabularSuggestions() ? this.getSuggestionRows() : this.getSuggestionItems();
 		const oSuggestionsPopover = this._getSuggestionsPopover();
 		const oSelectedItem = oSuggestionsPopover?.getItemsContainer()?.getSelectedItem();
+		const oFocusedItem = bFocusInPopup && oSuggestionsPopover.getFocusedListItem();
 		const sText = oSelectedItem?.getTitle?.() || oSelectedItem?.getCells?.()[0]?.getText?.() || "";
 		const bPendingSuggest = !!this._iSuggestDelay && !sText.toLowerCase().includes(this._getTypedInValue().toLowerCase());
 		let bFireSubmit = this.getEnabled() && this.getEditable();
-		let iValueLength, oFocusedItem;
+		let iValueLength;
 
 		// when enter is pressed before the timeout of suggestion delay, suggest event is cancelled
 		this.cancelPendingSuggest();
 
 		bFocusInPopup && this.setSelectionUpdatedFromList(true);
 
-		if (this.getShowSuggestion() && this._bDoTypeAhead && bPopupOpened && !this.isComposingCharacter() && !bPendingSuggest) {
-			oFocusedItem = oSuggestionsPopover.getFocusedListItem();
+		// prevent closing of popover, when Enter is pressed on a group header
+		if (this._bDoTypeAhead && oFocusedItem && oFocusedItem.isA("sap.m.GroupHeaderListItem")) {
+			return;
+		}
 
+		if (this._bDoTypeAhead && bPopupOpened && !this.isComposingCharacter() && !bPendingSuggest) {
 			if (this._hasTabularSuggestions()) {
 				oSelectedItem && this.setSelectionRow(oSelectedItem, true);
 			} else {
 				oSelectedItem && this.setSelectionItem(ListHelpers.getItemByListItem(aItems, oSelectedItem), true);
 			}
-
-			// prevent closing of popover, when Enter is pressed on a group header
-			if (oFocusedItem && oFocusedItem.isA("sap.m.GroupHeaderListItem")) {
-				return;
-			}
 		}
 
 		if (bPopupOpened && !this.isComposingCharacter()) {
@@ -1659,10 +1674,7 @@ function(
 		this._bSuspendInvalidate = true;
 		this.updateAggregation("suggestionItems");
 
-		const fnCheckMatchingSuggestions = (sCurrentValue) => {
-			return this.getSuggestionItems().some((item) => (item.getText().toLowerCase() === sCurrentValue.toLowerCase()) && !item.isA("sap.ui.core.SeparatorItem"));
-		};
-		if (fnCheckMatchingSuggestions(this.getValue()) && this._isSuggestionsPopoverOpen()) {
+		if (this.checkMatchingSuggestionItems(this.getValue()) && this._isSuggestionsPopoverOpen()) {
 			this._handleTypeAhead(this);
 		}
 
@@ -1921,7 +1933,6 @@ function(
 			oList.addStyleClass("sapMInputSuggestionTableHidden");
 		}
 
-		this.$("SuggDescr").text(""); // clear suggestion text
 		this.$("inner").removeAttr("aria-activedescendant");
 	};
 
@@ -1964,10 +1975,6 @@ function(
 		// In that case the second DOM update of the invisible text element
 		// do not occur if it is synchronous. BCP #2070466087
 		setTimeout(function () {
-			if (!this.getSuggestionItems().length && !this._hasTabularSuggestions()) {
-				return this.$("SuggDescr").text("");
-			}
-
 			// add items to list
 			if (iNumItems === 1) {
 				sAriaText = oRb.getText("INPUT_SUGGESTIONS_ONE_HIT");
@@ -1978,7 +1985,7 @@ function(
 			}
 
 			// update Accessibility text for suggestion
-			this.$("SuggDescr").text(sAriaText);
+			this._oInvisibleMessage?.announce(sAriaText, CoreLibrary.InvisibleMessageMode.Polite);
 		}.bind(this), 0);
 	};
 
@@ -2049,11 +2056,7 @@ function(
 		this.updateAggregation("suggestionRows");
 		this._synchronizeSuggestions();
 
-		const fnCheckMatchingTabularSuggestions = (sCurrentValue) => {
-			return this.getSuggestionRows().some((row) => (row.getCells?.()[0]?.getText().toLowerCase() === sCurrentValue.toLowerCase()) && !row.isA("sap.m.GroupHeaderListItem"));
-		};
-
-		if (fnCheckMatchingTabularSuggestions(this.getValue()) && this._isSuggestionsPopoverOpen()) {
+		if (this.checkMatchingTabularSuggestionItems(this.getValue()) && this._isSuggestionsPopoverOpen()) {
 			this._handleTypeAhead(this);
 		}
 
@@ -2139,7 +2142,6 @@ function(
 		if (!this.isMobileDevice() && this.$().hasClass("sapMInputFocused")) {
 			this.openValueStateMessage();
 		}
-		this.$("SuggDescr").text(""); // initialize suggestion ARIA text
 		this.$("inner").removeAttr("aria-activedescendant");
 
 		this._sPrevSuggValue = null;
@@ -2278,13 +2280,7 @@ function(
 
 		oInput._setProposedItemText(null);
 
-		const fnCheckMatchingSuggestions = (sCurrentValue) => {
-			return this.getSuggestionItems().some((item) => (item.getText().toLowerCase() === sCurrentValue.toLowerCase()) && !item.isA("sap.ui.core.SeparatorItem"));
-		};
-		const fnCheckMatchingTabularSuggestions = (sCurrentValue) => {
-			return this.getSuggestionRows().some((row) => row.getCells?.()[0]?.getText().toLowerCase() === sCurrentValue.toLowerCase());
-		};
-		const bExactMatch = this._hasTabularSuggestions() ? fnCheckMatchingTabularSuggestions(sValue) : fnCheckMatchingSuggestions(sValue);
+		const bExactMatch = this._hasTabularSuggestions() ? this.checkMatchingTabularSuggestionItems(sValue) : this.checkMatchingSuggestionItems(sValue);
 
 		if (!bDoTypeAhead && !bExactMatch) {
 			return;
@@ -2362,6 +2358,10 @@ function(
 			return;
 		}
 
+		if (!this._getTypedInValue().length) {
+			return;
+		}
+
 		if (this._getTypedInValue() !== sValue) {
 			this._setTypedInValue(oDomRef.value.substring(0, oDomRef.selectionStart));
 
@@ -2430,7 +2430,6 @@ function(
 	Input.prototype.onfocusout = function (oEvent) {
 		InputBase.prototype.onfocusout.apply(this, arguments);
 		this.removeStyleClass("sapMInputFocused");
-		this.$("SuggDescr").text(""); // clear suggestion text, if any
 	};
 
 	/**
@@ -3054,6 +3053,7 @@ function(
 
 		oPopover = oSuggPopover.getPopover();
 		oPopover.attachBeforeOpen(function () {
+			this.closeValueStateMessage();
 			this._updateSuggestionsPopoverValueState();
 		}, this);
 
@@ -3120,7 +3120,7 @@ function(
 					this._refreshListItems();
 				}, this)
 				.attachBeforeOpen(function() {
-					var oSuggestionsInput = oSuggPopover.getInput();
+						var oSuggestionsInput = oSuggPopover.getInput();
 					// set the same placeholder and maxLength as the original input
 					["placeholder",
 						"maxLength",
@@ -3610,6 +3610,25 @@ function(
 		return ["value", "description"];
 	};
 
+
+	/**
+	 * Check if the current value is matching with a suggestion item.
+	 *
+	 * @private
+	 */
+	Input.prototype.checkMatchingSuggestionItems =  function(sCurrentValue) {
+		return this.getSuggestionItems().some((item) => (item.getText?.().toLowerCase() === sCurrentValue.toLowerCase()) && !item.isA("sap.ui.core.SeparatorItem"));
+	};
+
+	/**
+	 * Check if the current value is matching with a tabular suggestion item.
+	 *
+	 * @private
+	 */
+	Input.prototype.checkMatchingTabularSuggestionItems =  function(sCurrentValue) {
+		return this.getSuggestionRows().some((row) => row.getCells?.()[0]?.getText?.().toLowerCase() === sCurrentValue.toLowerCase() && !row.isA("sap.m.GroupHeaderListItem"));
+	};
+
 	return Input;
 
 });