@openui5/sap.uxap 1.141.2 → 1.143.0

package/README.md

@@ -4,13 +4,13 @@
 Runtime resources of the [OpenUI5](https://github.com/UI5/openui5) UI Library **sap.uxap**.
 
 ## Usage
-Add this library as a dependency to your UI5 project by using [UI5 Tooling](https://sap.github.io/ui5-tooling/):
+Add this library as a dependency to your UI5 project by using [UI5 CLI](https://ui5.github.io/cli/):
 
 ```
 ui5 add sap.uxap
 ```
 
-For more information, please refer to our documentation on [Consuming OpenUI5 Libraries](https://sap.github.io/ui5-tooling/pages/OpenUI5/).
+For more information, please refer to our documentation on [Consuming OpenUI5 Libraries](https://ui5.github.io/cli/pages/OpenUI5/).
 
 ## License
 OpenUI5 is licensed under [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0), see [LICENSE.txt](LICENSE.txt).

package/REUSE.toml

@@ -21,6 +21,44 @@ SPDX-License-Identifier = "Apache-2.0"
 #
 
 
+# Library: sap.f:
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Fiori"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Icons"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Icons Business Suite"
+
+[[annotations]]
+path = "src/sap.f/src/sap/f/thirdparty/**"
+precedence = "aggregate"
+SPDX-FileCopyrightText = "SAP"
+SPDX-License-Identifier = "Apache-2.0"
+SPDX-FileComment = "these files belong to: UI5 Web Components Icons TNT"
+
+
 # Library: sap.m:
 
 [[annotations]]
@@ -347,7 +385,7 @@ SPDX-FileComment = "these files belong to: handlebars"
 [[annotations]]
 path = "src/sap.ui.core/src/sap/ui/thirdparty/require.js"
 precedence = "aggregate"
-SPDX-FileCopyrightText = "2010-2012, The Dojo Foundation"
+SPDX-FileCopyrightText = "2010-2024, jQuery Foundation and other contributors"
 SPDX-License-Identifier = "MIT"
 SPDX-FileComment = "these files belong to: requireJS"
 

package/THIRDPARTY.txt

@@ -4,6 +4,39 @@ each subcomponent.
 The full text of all referenced licenses is appended at the end of this file.
 
 
+Library: sap.f:
+
+Component: UI5 Web Components, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Fiori, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Icons, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Icons Business Suite, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+Component: UI5 Web Components Icons TNT, version: 2.15.0
+Copyright: SAP
+License: Apache-2.0
+License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt
+Contained in: src/sap.f/src/sap/f/thirdparty/**
+
+
 Library: sap.m:
 
 Component: purify.js, version: 3.2.4
@@ -221,8 +254,8 @@ License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/handlebars.js
 
-Component: requireJS, version: 2.1.8
-Copyright: 2010-2012, The Dojo Foundation
+Component: requireJS, version: 2.3.7
+Copyright: 2010-2024, jQuery Foundation and other contributors
 License: MIT
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/MIT.txt
 Contained in: src/sap.ui.core/src/sap/ui/thirdparty/require.js
@@ -354,7 +387,7 @@ Contained in: src/sap.ui.documentation/src/sap/ui/documentation/sdk/thirdparty/D
 
 Library: sap.ui.integration:
 
-Component: UI5 Web Components, version: 1.7.0
+Component: UI5 Web Components, version: 2.15.0
 Copyright: SAP
 License: Apache-2.0
 License Text: https://github.com/UI5/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.uxap",
-  "version": "1.141.2",
+  "version": "1.143.0",
   "description": "OpenUI5 UI Library sap.uxap",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,9 +14,9 @@
     "url": "https://github.com/UI5/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.f": "1.141.2",
-    "@openui5/sap.m": "1.141.2",
-    "@openui5/sap.ui.core": "1.141.2",
-    "@openui5/sap.ui.layout": "1.141.2"
+    "@openui5/sap.f": "1.143.0",
+    "@openui5/sap.m": "1.143.0",
+    "@openui5/sap.ui.core": "1.143.0",
+    "@openui5/sap.ui.layout": "1.143.0"
   }
 }

package/src/sap/uxap/.library

@@ -3,7 +3,7 @@
 
 	<name>sap.uxap</name>
 	<vendor>SAP SE</vendor>
-	<version>1.141.2</version>
+	<version>1.143.0</version>
 	<copyright>OpenUI5
  * (c) Copyright 2025 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>

package/src/sap/uxap/BlockBaseMetadata.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 *
 	 * @class
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 * @since 1.26
 	 * @alias sap.uxap.BlockBaseMetadata
 	 * @extends sap.ui.core.ElementMetadata

package/src/sap/uxap/ObjectPageAccessibleLandmarkInfo.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/ui/core/Element', './library'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/uxap/ObjectPageDynamicHeaderContent.js

@@ -40,7 +40,7 @@ sap.ui.define([
 		 * @implements sap.uxap.IHeaderContent
 		 *
 		 * @author SAP SE
-		 * @version 1.141.2
+		 * @version 1.143.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/uxap/ObjectPageDynamicHeaderTitle.js

@@ -42,7 +42,7 @@ sap.ui.define([
 		 * @implements sap.uxap.IHeaderTitle
 		 *
 		 * @author SAP SE
-		 * @version 1.141.2
+		 * @version 1.143.0
 		 *
 		 * @constructor
 		 * @public

package/src/sap/uxap/ObjectPageLayout.js

@@ -1253,6 +1253,9 @@ sap.ui.define([
 			oHeaderContent._setLandmarkInfo(this.getLandmarkInfo());
 		}
 
+		if (exists(this._oABHelper) && this._oABHelper._setLandmarkInfo) {
+			this._oABHelper._setLandmarkInfo(this.getLandmarkInfo());
+		}
 	};
 
 	ObjectPageLayout.prototype._onAfterRenderingDomReady = function () {
@@ -1852,7 +1855,7 @@ sap.ui.define([
 		for (var i = 0; i < aSections.length; i++) {
 			var oSection = aSections[i];
 			if (oSection._getInternalVisible()) {
-				oSection._setAriaLabelledByAnchorButton(aAnchorBarItems[i], bInvalidate);
+				oSection._setAriaLabelledByAnchorButton(aAnchorBarItems[i]);
 			}
 		}
 
@@ -3180,10 +3183,7 @@ sap.ui.define([
 		// (1) add top padding for the area underneath the title element
 		// so that the title does not overlap the content of the scroll container
 		oWrapperElement.style.paddingTop = iTitleHeight + "px";
-		oWrapperElement.style.scrollPaddingTop = iTitleHeight + "px";
-		if (this._oScroller) {
-			this._oScroller.setScrollPaddingTop(iTitleHeight);
-		}
+		this._adjustScrollPaddingTop();
 
 		// (2) also make the area underneath the title invisible (using clip-path)
 		// to allow usage of *transparent background* of the title element
@@ -3202,6 +3202,29 @@ sap.ui.define([
 		this.getHeaderTitle() && this._shiftHeaderTitle();
 	};
 
+	ObjectPageLayout.prototype._adjustScrollPaddingTop = function () {
+		if (!this._$opWrapper?.length) {
+			return;
+		}
+
+		var oTitleElement = this._$titleArea?.length && this._$titleArea.get(0),
+			iTitleHeight = (oTitleElement && oTitleElement.getBoundingClientRect().height) || 0,
+			iScrollPosition = this._oScrollContainerLastState.iScrollTop,
+			iOffsetScrollPaddingTop = 0,
+			oSelectedSection = Element.getElementById(this.getSelectedSection());
+
+		// when the selected section is scrolled below the header
+		if (this._oSectionInfo[oSelectedSection?.getId()]?.positionTop < iScrollPosition) {
+			// to avoid focused content being hidden under the sticky Section's header, when browser automatically scrolls it into view
+			iOffsetScrollPaddingTop = oSelectedSection?.$().find(".sapUxAPObjectPageSectionHeader").outerHeight() || 0;
+		}
+
+		this._$opWrapper.get(0).style.scrollPaddingTop = (iTitleHeight + iOffsetScrollPaddingTop) + "px";
+		if (this._oScroller) {
+			this._oScroller.setScrollPaddingTop(iTitleHeight + iOffsetScrollPaddingTop);
+		}
+	};
+
 	/**
 	 * called when the screen is resize by users. Updates the screen height
 	 * @param oEvent
@@ -3482,6 +3505,7 @@ sap.ui.define([
 		//don't apply parallax effects if there are not enough space for it
 		if (!bShouldPreserveHeaderInTitleArea && ((oHeader && this.getShowHeaderContent()) || this.getShowAnchorBar())) {
 			this._toggleHeader(bShouldStick, !!(oEvent && oEvent.type === "scroll"));
+			this._scrollTo(iScrollTop); // to avoid snap/unsnap caused by the change in header height when there is a difference between the snapped and expanded title heights
 		}
 
 		if (!bShouldPreserveHeaderInTitleArea) {
@@ -3511,6 +3535,8 @@ sap.ui.define([
 				this.$("scroll").css("z-index", "0");
 			}
 		}
+
+		this._adjustScrollPaddingTop();
 	};
 
 	/**

package/src/sap/uxap/ObjectPageLayoutABHelper.js

@@ -6,6 +6,8 @@
 
 sap.ui.define([
 	"sap/ui/core/Element",
+	"sap/ui/core/Lib",
+	"sap/ui/core/library",
 	"sap/ui/base/Object",
 	"sap/ui/base/ManagedObject",
 	"sap/ui/base/ManagedObjectObserver",
@@ -13,7 +15,7 @@ sap.ui.define([
 	"sap/m/IconTabHeader",
 	"sap/m/library",
 	"sap/uxap/ObjectPageSection"
-], function(Element, BaseObject, ManagedObject, ManagedObjectObserver, IconTabFilter, IconTabHeader, mobileLibrary, ObjectPageSection) {
+], function(Element, coreLib, coreLibrary, BaseObject, ManagedObject, ManagedObjectObserver, IconTabFilter, IconTabHeader, mobileLibrary, ObjectPageSection) {
 	"use strict";
 
 	// shortcut for sap.m.TabsOverflowMode
@@ -111,6 +113,31 @@ sap.ui.define([
 		}
 	};
 
+	ABHelper.prototype._setLandmarkInfo = function (oLandmarkInfo) {
+		this._oLandmarkInfo = oLandmarkInfo;
+
+		this._applyAriaAttributes();
+	};
+
+	ABHelper.prototype._applyAriaAttributes = function () {
+		var $oAnchorBar = this._getAnchorBar().$(),
+			oObjectPageLayout = this.getObjectPageLayout(),
+			oFormattedLandmarkInfo = oObjectPageLayout._formatLandmarkInfo(this._oLandmarkInfo, "Navigation"),
+			oRb = coreLib.getResourceBundleFor("sap.uxap");
+
+		if (oFormattedLandmarkInfo.role) {
+			$oAnchorBar.attr("role", oFormattedLandmarkInfo.role);
+		} else if (oFormattedLandmarkInfo.role === ""){
+			$oAnchorBar.removeAttr("role");
+		}
+
+		if (oFormattedLandmarkInfo.label) {
+			$oAnchorBar.attr("aria-label", oFormattedLandmarkInfo.label);
+		} else if (this._oLandmarkInfo?.getNavigationRole() !== coreLibrary.AccessibleLandmarkRole.None) {
+			$oAnchorBar.attr("aria-label", oRb.getText("NAVIGATION_ROLE_DESCRIPTION"));
+		}
+	};
+
 	/**
 	 * build the anchorBar and all the anchorBar buttons
 	 * @private

package/src/sap/uxap/ObjectPageLayoutRenderer.js

@@ -41,10 +41,8 @@ sap.ui.define(["sap/ui/core/Lib"],
 				bHeaderRoleSet = !!(oLandmarkInfo && oLandmarkInfo.getHeaderRole()),
 				bHeaderLabelSet = !!(oLandmarkInfo && oLandmarkInfo.getHeaderLabel()),
 				bRootRoleSet = !!(oLandmarkInfo && oLandmarkInfo.getRootRole()),
-				bNavigationRoleSet = !!(oLandmarkInfo && oLandmarkInfo.getNavigationRole()),
 				sRootRole = bRootRoleSet ? oLandmarkInfo.getRootRole() : undefined,
 				sHeaderRole = bHeaderRoleSet ? oLandmarkInfo.getHeaderRole() : undefined,
-				sNavigationRole = bNavigationRoleSet ? oLandmarkInfo.getNavigationRole() : undefined,
 				bRootLabelSet = !!(oLandmarkInfo && oLandmarkInfo.getRootLabel()),
 				bShowFooter = oControl.getShowFooter();
 
@@ -56,11 +54,9 @@ sap.ui.define(["sap/ui/core/Lib"],
 			if (!bRootRoleSet) {
 				oRm.attr("role", "main");
 			}
-			if (sRootRole !== "None") {
-				oRm.attr("aria-roledescription", oRb.getText("ROOT_ROLE_DESCRIPTION"));
-			}
+
 			if (!bRootLabelSet && sRootRole !== "None") {
-				oRm.attr("aria-label", sRootAriaLabelText);
+				oRm.attr("aria-label", sRootAriaLabelText + " " + oRb.getText("ROOT_ROLE_DESCRIPTION"));
 			}
 			oRm.class("sapUxAPObjectPageLayout");
 			if (bShowFooter) {
@@ -88,12 +84,8 @@ sap.ui.define(["sap/ui/core/Lib"],
 				oRm.attr("role", "banner");
 			}
 
-			if (sHeaderRole !== "None") {
-				oRm.attr("aria-roledescription", oRb.getText("HEADER_ROLE_DESCRIPTION"));
-			}
-
 			if (!bHeaderLabelSet && sHeaderRole !== "None") {
-				oRm.attr("aria-label", sHeaderAriaLabelText);
+				oRm.attr("aria-label", sHeaderAriaLabelText + " " + oRb.getText("HEADER_ROLE_DESCRIPTION"));
 			}
 			oRm.attr("data-sap-ui-customfastnavgroup", true)
 				.class("sapUxAPObjectPageHeaderTitle")
@@ -112,10 +104,6 @@ sap.ui.define(["sap/ui/core/Lib"],
 			oRm.openStart("div", oControl.getId() + "-stickyAnchorBar");
 			oRm.attr("data-sap-ui-customfastnavgroup", true);
 
-			if (sNavigationRole !== "None") {
-				oRm.attr("aria-roledescription", oRb.getText("NAVIGATION_ROLE_DESCRIPTION"));
-			}
-
 			if (!oControl._bHeaderInTitleArea) {
 				oRm.attr("aria-hidden", "true");
 			}
@@ -128,7 +116,6 @@ sap.ui.define(["sap/ui/core/Lib"],
 				oRm.class("sapUxAPObjectPageNavigation" + sBackgroundDesign);
 			}
 
-			oRm.accessibilityState(oControl, oControl._formatLandmarkInfo(oLandmarkInfo, "Navigation"));
 			oRm.openEnd();
 
 			// if the content is expanded render bars outside the scrolling div
@@ -159,10 +146,6 @@ sap.ui.define(["sap/ui/core/Lib"],
 			oRm.openStart("section", oControl.getId() + "-anchorBar");
 			oRm.attr("data-sap-ui-customfastnavgroup", true);
 
-			if (sNavigationRole !== "None") {
-				oRm.attr("aria-roledescription", oRb.getText("NAVIGATION_ROLE_DESCRIPTION"));
-			}
-
 			oRm.class("sapUxAPObjectPageNavigation")
 				.class("ui-helper-clearfix")
 				.class("sapContrastPlus");
@@ -171,7 +154,6 @@ sap.ui.define(["sap/ui/core/Lib"],
 				oRm.class("sapUxAPObjectPageNavigation" + sBackgroundDesign);
 			}
 
-			oRm.accessibilityState(oControl, oControl._formatLandmarkInfo(oLandmarkInfo, "Navigation"));
 			oRm.openEnd();
 
 			this._renderAnchorBar(oRm, oControl, oAnchorBar, !oControl._bHeaderInTitleArea);
@@ -322,7 +304,7 @@ sap.ui.define(["sap/ui/core/Lib"],
 			}
 
 			if (sFooterRole !== "None") {
-				oRm.attr("aria-roledescription", oRb.getText("FOOTER_ROLE_DESCRIPTION"));
+				oRm.attr("aria-label", oRb.getText("FOOTER_ROLE_DESCRIPTION"));
 			}
 
 			oRm.accessibilityState(oObjectPageLayout, oObjectPageLayout._formatLandmarkInfo(oLandmarkInfo, "Footer"));

package/src/sap/uxap/ObjectPageLazyLoader.js

@@ -38,7 +38,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/uxap/ObjectPageSection.js

@@ -375,6 +375,10 @@ sap.ui.define([
 		return (this.getShowTitle() && this._getInternalTitleVisible()) || this._shouldDisplayButtonsInHeader();
 	};
 
+	ObjectPageSection.prototype._getWrapTitle = function () {
+		return this.getWrapTitle();
+	};
+
 	/**
 	 * Determines if the <code>ObjectPageSection</code> title is forced to be visible.
 	 * This is the case when the <code>ObjectPageSection</code> displays the expand/collapse button or the show/hide all button.
@@ -391,11 +395,12 @@ sap.ui.define([
 	 * @param {boolean} bInvalidate Whether to invalidate the control or not
 	 * @private
 	 */
-	ObjectPageSection.prototype._setAriaLabelledByAnchorButton = function (oAnchorButton, bInvalidate) {
-		this._sAriaLabelledByAnchorButton = oAnchorButton?.getId();
-		if (bInvalidate) {
+	ObjectPageSection.prototype._setAriaLabelledByAnchorButton = function (oAnchorButton) {
+		if (this._sAriaLabelledByAnchorButton && this._sAriaLabelledByAnchorButton !== oAnchorButton?.getId()) {
 			this.invalidate();
 		}
+
+		this._sAriaLabelledByAnchorButton = oAnchorButton?.getId();
 	};
 
 	/**

package/src/sap/uxap/ObjectPageSectionBase.js

@@ -608,6 +608,9 @@ sap.ui.define([
 	};
 
 	ObjectPageSectionBase.prototype.setTitle = function (sValue, bSuppressInvalidate) {
+		if (this.getTitle() === sValue) {
+			return this;
+		}
 
 		this.setProperty("title", sValue, bSuppressInvalidate);
 		this._notifyObjectPageLayout();

package/src/sap/uxap/changeHandler/AddIFrameObjectPageLayout.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @constructor
 	 * @alias sap.uxap.changeHandler.AddIFrameObjectPageLayout
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 * @since 1.75
 	 * @experimental Since 1.75
 	 */

package/src/sap/uxap/changeHandler/MoveObjectPageSection.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @constructor
 	 * @alias sap.uxap.changeHandler.MoveObjectPageSection
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 * @experimental Since 1.54
 	 */
 

package/src/sap/uxap/changeHandler/RenameObjectPageSection.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @constructor
 	 * @alias sap.uxap.changeHandler.RenameObjectPageSection
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 * @experimental Since 1.50
 	 */
 

package/src/sap/uxap/changeHandler/UnstashObjectPageSection.js

@@ -19,7 +19,7 @@ sap.ui.define([
 	 * @constructor
 	 * @alias sap.uxap.changeHandler.UnstashObjectPageSection
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 * @experimental Since 1.115
 	 */
 

package/src/sap/uxap/library.js

@@ -30,7 +30,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.uxap
 	 * @author SAP SE
-	 * @version 1.141.2
+	 * @version 1.143.0
 	 * @since 1.36
 	 * @public
 	 */
@@ -74,7 +74,7 @@ sap.ui.define([
 			"sap.uxap.ObjectPageHeaderLayoutData",
 			"sap.uxap.ObjectPageLazyLoader"
 		],
-		version: "1.141.2",
+		version: "1.143.0",
 		...{
 			interactionDocumentation: true
 		},

package/src/sap/uxap/themes/base/ObjectPageSection.less

@@ -156,8 +156,4 @@ html[data-sap-ui-browser^="ie"].sap-desktop {
 .sapUxAPObjectPageSectionHeader {
 	height: auto;
 	padding-bottom: 0;
-}
-
-.sapUxAPObjectPageSection.sapUxAPObjectPageSectionWrapTitle .sapUxAPObjectPageSubSectionHeaderToolbar {
-	height: auto;
 }

package/src/sap/uxap/themes/base/ObjectPageSubSection.less

@@ -25,6 +25,7 @@
 .sapUxAPObjectPageSubSection .sapUxAPObjectPageSubSectionHeader {
 	.sapMTB.sapUxAPObjectPageSubSectionHeaderToolbar {
 		background-color: @sapUiGlobalBackgroundColor;
+		height: auto;
 	}
 
 	position: sticky;
@@ -93,16 +94,6 @@ html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeader {
 	padding: 0 0.25rem 0 0;
 }
 
-.sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionHeaderTitle,
-html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeaderTitle {
-	height: auto;
-	overflow: auto;
-	float: none;
-	white-space: normal;
-	word-wrap: break-word;
-	word-break: break-all;
-}
-
 /* tablet display */
 
 .sapUxAPObjectPageLayout-Std-Tablet .sapUxAPObjectPageSubSectionHeader,
@@ -136,13 +127,6 @@ Doing so will result in less generated CSS, as well as less future maintanance i
 		margin-left: 0;
 	}
 
-	.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderTitle {
-		height: auto;
-		white-space: normal;
-		word-wrap: break-word;
-		line-height: normal;
-	}
-
 	.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderActions {
 		float: none;
 		display: inline-block;
@@ -230,10 +214,6 @@ Doing so will result in less generated CSS, as well as less future maintanance i
 
 /* compact size */
 .sapUiSizeCompact {
-	.sapUxAPObjectPageSubSectionHeaderTitle {
-		height: 2rem;
-		line-height: 2rem;
-	}
 	.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer .sapUiFormResGrid > div,
 	.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer .sapUiFormCLContainer {
 		padding: 1rem 0;
@@ -267,25 +247,7 @@ html[data-sap-ui-browser^="ie"].sap-desktop {
 }
 
 // Styles needed for wrapTitle property
-.sapUxAPObjectPageSubSection.sapUxAPObjectPageSubSectionWrapTitle
-.sapUxAPObjectPageSubSectionHeader
-.sapUxAPObjectPageSubSectionTitle  {
+.sapUxAPObjectPageSubSection .sapUxAPObjectPageSubSectionHeader .sapUxAPObjectPageSubSectionTitle  {
 	height: auto;
-	word-break: break-word;
-	white-space: break-spaces;
-	overflow: auto;
-	line-height: inherit;
-	border-bottom: none;
-	position: relative;
-	top: 0rem;
-}
-
-.sapUxAPObjectPageSubSection.sapUxAPObjectPageSubSectionWrapTitle
-.sapUxAPObjectPageSubSectionHeader {
-	height: auto;
-	padding-bottom: 0;
-}
-
-.sapUxAPObjectPageSubSection.sapUxAPObjectPageSubSectionWrapTitle .sapUxAPObjectPageSubSectionHeaderToolbar {
-	height: auto;
-}
+	line-height: normal;
+}

package/src/sap/uxap/themes/sap_hcb/ObjectPageSubSection.less

@@ -3,17 +3,9 @@
 /* High Contrast Black theme                      */
 /* ============================================== */
 
-.sapUxAPObjectPageSubSectionFocusable:focus,
-.sapUxAPObjectPageSubSectionHeaderTitle:focus {
+.sapUxAPObjectPageSubSectionFocusable:focus {
 	outline: 0.125rem dotted @sapUiContentFocusColor;
 	outline-offset: -0.125rem;
 	border-color: transparent;
 	border-radius: 0;
-}
-
-/* IE ignores outline-offset. Use an overlay: */
-html[data-sap-ui-browser^="ie"] .sapUxAPObjectPageSubSection, .sapUxAPObjectPageSubSectionHeaderTitle {
-	&:focus:before {
-		border-width: 0.125rem;
-	}
 }

package/src/sap/uxap/themes/sap_hcb/base_ObjectPageSubSection.less

@@ -26,14 +26,6 @@
 	justify-content: space-between;
 }
 
-.sapUxAPObjectPageSubSectionHeaderTitle {
-	white-space: normal;
-	line-height: 3rem;
-	color: @sapUiGroupTitleTextColor;
-	font-size: @sapMFontHeader4Size;
-	font-weight: normal;
-}
-
 .sapUxAPSubSectionSeeMoreContainer {
 	text-align: right;
 	width: auto;
@@ -60,16 +52,6 @@ html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeader {
 	padding: 0 1rem;
 }
 
-.sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionHeaderTitle,
-html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeaderTitle {
-	height: auto;
-	overflow: auto;
-	float: none;
-	white-space: normal;
-	word-wrap: break-word;
-	word-break: break-all;
-}
-
 /* tablet display */
 
 .sapUxAPObjectPageLayout-Std-Tablet .sapUxAPObjectPageSubSectionHeader,
@@ -103,13 +85,6 @@ Doing so will result in less generated CSS, as well as less future maintanance i
 		margin-left: 0;
 	}
 
-	.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderTitle {
-		height: auto;
-		white-space: normal;
-		word-wrap: break-word;
-		line-height: normal;
-	}
-
 	.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderActions {
 		float: none;
 		display: inline-block;
@@ -201,10 +176,6 @@ Doing so will result in less generated CSS, as well as less future maintanance i
 
 /* compact size */
 .sapUiSizeCompact {
-	.sapUxAPObjectPageSubSectionHeaderTitle {
-		height: 2rem;
-		line-height: 2rem;
-	}
 	.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer .sapUiFormResGrid > div,
 	.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer .sapUiFormCLContainer {
 		padding: 1rem 0;
@@ -237,3 +208,8 @@ html[data-sap-ui-browser^="ie"].sap-desktop {
 	}
 }
 
+// Styles needed for wrapping title
+.sapUxAPObjectPageSubSection .sapUxAPObjectPageSubSectionHeader .sapUxAPObjectPageSubSectionTitle  {
+	height: auto;
+	line-height: normal;
+}