@openui5/sap.ui.rta 1.109.0 → 1.111.0

package/src/sap/ui/rta/plugin/DragDrop.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -33,7 +33,7 @@ function(
 	 * @extends sap.ui.dt.plugin.ControlDragDrop
 	 *
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 *
 	 * @constructor
 	 * @private
@@ -121,7 +121,7 @@ function(
 			oOverlay.setSelected(false);
 		});
 
-		oOverlay.$().addClass("sapUiRtaOverlayPlaceholder");
+		oOverlay.getDomRef().classList.add("sapUiRtaOverlayPlaceholder");
 	};
 
 	/**
@@ -138,7 +138,7 @@ function(
 				command: oCommand
 			});
 
-			oOverlay.$().removeClass("sapUiRtaOverlayPlaceholder");
+			oOverlay.getDomRef().classList.remove("sapUiRtaOverlayPlaceholder");
 			oOverlay.setSelected(true);
 			oOverlay.focus();
 

package/src/sap/ui/rta/plugin/EasyAdd.js

@@ -1,19 +1,17 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
 sap.ui.define([
 	"sap/ui/rta/plugin/additionalElements/AdditionalElementsPlugin",
 	"sap/ui/dt/OverlayRegistry",
-	"sap/m/Button",
-	"sap/ui/thirdparty/jquery"
+	"sap/m/Button"
 ], function(
 	AdditionalElementsPlugin,
 	OverlayRegistry,
-	Button,
-	jQuery
+	Button
 ) {
 	"use strict";
 
@@ -25,7 +23,7 @@ sap.ui.define([
 	 * @class The EasyAdd Plugin adds an Icon to an Overlay, which allows to trigger add operations directly
 	 * @extends sap.ui.rta.plugin.additionalElements.AdditionalElementsPlugin
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 * @constructor
 	 * @private
 	 * @since 1.48
@@ -54,7 +52,9 @@ sap.ui.define([
 			oControl.addStyleClass("sapUiRtaMarginBottom");
 		} else if (oControl.getMetadata().getName() === "sap.uxap.ObjectPageLayout" && this.hasStableId(oOverlay)) {
 			oOverlay.addStyleClass("sapUiRtaPersAddTop");
-			oControl.$("sectionsContainer").addClass("sapUiRtaPaddingTop");
+			oControl.getDomRef().querySelectorAll("[id*='sectionsContainer']").forEach(function(oNode) {
+				oNode.classList.add("sapUiRtaPaddingTop");
+			});
 		}
 
 		var onAddPressed = function(bOverlayIsSibling, oOverlay, iIndex) {
@@ -82,14 +82,16 @@ sap.ui.define([
 		}.bind(this);
 
 		if (oOverlay.hasStyleClass("sapUiRtaPersAdd")) {
-			var bAddButton = oOverlay.hasStyleClass("sapUiRtaPersAdd") && oOverlay.$().children(".sapUiRtaPersAddIconOuter").length <= 0;
+			var aChildren = Array.from(oOverlay.getDomRef().querySelectorAll(":scope > .sapUiRtaPersAddIconOuter"));
+			var bAddButton = oOverlay.hasStyleClass("sapUiRtaPersAdd") && aChildren.length === 0;
 			if (bAddButton) {
-				fnAddButton(oOverlay, oOverlay.$(), true, oOverlay.getDesignTimeMetadata().getName().singular);
+				fnAddButton(oOverlay, oOverlay.getDomRef(), true, oOverlay.getDesignTimeMetadata().getName().singular);
 			}
 		} else if (oOverlay.hasStyleClass("sapUiRtaPersAddTop")) {
-			if (oOverlay.getAggregationOverlay("sections").$().children(".sapUiRtaPersAddIconOuter").length <= 0) {
-				var $SectionsOverlay = oOverlay.getAggregationOverlay("sections").$();
-				fnAddButton(oOverlay, $SectionsOverlay, false, oOverlay.getDesignTimeMetadata().getAggregation("sections").childNames.singular, 0);
+			var aChildren = Array.from(oOverlay.getAggregationOverlay("sections").getDomRef().querySelectorAll(":scope > .sapUiRtaPersAddIconOuter"));
+			if (aChildren.length === 0) {
+				var oSectionsOverlayDOM = oOverlay.getAggregationOverlay("sections").getDomRef();
+				fnAddButton(oOverlay, oSectionsOverlayDOM, false, oOverlay.getDesignTimeMetadata().getAggregation("sections").childNames.singular, 0);
 			}
 		}
 
@@ -112,7 +114,9 @@ sap.ui.define([
 			oControl.removeStyleClass("sapUiRtaMarginBottom");
 		} else if (oControl.getMetadata().getName() === "sap.uxap.ObjectPageLayout") {
 			oOverlay.removeStyleClass("sapUiRtaPersAddTop");
-			oControl.$("sectionsContainer").removeClass("sapUiRtaPaddingTop");
+			oControl.getDomRef().querySelectorAll("[id*='sectionsContainer']").forEach(function(oNode) {
+				oNode.classList.remove("sapUiRtaPaddingTop");
+			});
 		}
 
 		AdditionalElementsPlugin.prototype.deregisterElementOverlay.apply(this, arguments);
@@ -133,7 +137,9 @@ sap.ui.define([
 				if (bIsLayout) {
 					var oLayout = oOverlay.getElement();
 					oLayout.attachEventOnce("onAfterRenderingDOMReady", function() {
-						oLayout.$("sectionsContainer").addClass("sapUiRtaPaddingTop");
+						oLayout.getDomRef().querySelectorAll("[id*='sectionsContainer']").forEach(function(oNode) {
+							oNode.classList.add("sapUiRtaPaddingTop");
+						});
 					});
 				}
 			}
@@ -154,18 +160,21 @@ sap.ui.define([
 		var oTextResources = sap.ui.getCore().getLibraryResourceBundle("sap.ui.rta");
 
 		var sId = oOverlay.getId() + "-AddButton";
-		var oHtmlButtonOuter = jQuery("<div class='sapUiRtaPersAddIconOuter' draggable='true' tabindex='-1'> </div>");
+		var oHtmlButtonOuter = document.createElement("div");
+		oHtmlButtonOuter.classList.add("sapUiRtaPersAddIconOuter");
+		oHtmlButtonOuter.setAttribute("draggable", "true");
+		oHtmlButtonOuter.setAttribute("tabindex", -1);
 		oOverlay._oAddButton = new Button(sId, {
 			text: oTextResources.getText("CTX_ADD_ELEMENTS", sControlName),
 			icon: "sap-icon://add",
 			enabled: bIsEditable
 		})
-			.placeAt(oHtmlButtonOuter.get(0))
+			.placeAt(oHtmlButtonOuter)
 			.attachBrowserEvent('click', fnCallback)
 			.attachBrowserEvent('tap', fnCallback);
 		oOverlayDom.append(oHtmlButtonOuter);
 
-		oHtmlButtonOuter[0].addEventListener("mouseover", function(oEvent) {
+		oHtmlButtonOuter.addEventListener("mouseover", function(oEvent) {
 			oEvent.stopPropagation();
 			var oOverlay = oEvent.fromElement ? OverlayRegistry.getOverlay(oEvent.fromElement.id) : null;
 			if (oOverlay && oOverlay.getMetadata().getName() === "sap.ui.dt.ElementOverlay") {
@@ -174,7 +183,7 @@ sap.ui.define([
 			}
 		});
 
-		oHtmlButtonOuter[0].addEventListener("mouseleave", function(oEvent) {
+		oHtmlButtonOuter.addEventListener("mouseleave", function(oEvent) {
 			oEvent.stopPropagation();
 			var oOverlay = oEvent.toElement ? OverlayRegistry.getOverlay(oEvent.toElement.id) : null;
 			if (oOverlay && oOverlay.getMetadata().getName() === "sap.ui.dt.ElementOverlay") {
@@ -185,16 +194,16 @@ sap.ui.define([
 			}
 		});
 
-		oHtmlButtonOuter[0].addEventListener("click", function(oEvent) {
+		oHtmlButtonOuter.addEventListener("click", function(oEvent) {
 			oEvent.stopPropagation();
 		});
 
-		oHtmlButtonOuter[0].addEventListener("contextmenu", function(oEvent) {
+		oHtmlButtonOuter.addEventListener("contextmenu", function(oEvent) {
 			oEvent.stopPropagation();
 			oEvent.preventDefault();
 		});
 
-		oHtmlButtonOuter[0].addEventListener("dragstart", function(oEvent) {
+		oHtmlButtonOuter.addEventListener("dragstart", function(oEvent) {
 			oEvent.stopPropagation();
 			oEvent.preventDefault();
 		});

package/src/sap/ui/rta/plugin/EasyRemove.js

@@ -1,17 +1,15 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
 sap.ui.define([
 	"sap/ui/rta/plugin/Remove",
-	"sap/m/Button",
-	"sap/ui/thirdparty/jquery"
+	"sap/m/Button"
 ], function(
 	Remove,
-	Button,
-	jQuery
+	Button
 ) {
 	"use strict";
 
@@ -23,7 +21,7 @@ sap.ui.define([
 	 * @class The EasyRemove Plugin adds an Icon to an Overlay, which allows to trigger remove operations directly
 	 * @extends sap.ui.rta.plugin.Remove
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 * @constructor
 	 * @private
 	 * @since 1.48
@@ -51,6 +49,7 @@ sap.ui.define([
 			oOverlay.addStyleClass("sapUiRtaPersDelete");
 		}
 
+		//TODO: check this, this makes no sense; length is always 0
 		if (oOverlay.hasStyleClass("sapUiRtaPersDelete") && oOverlay.$().children(".sapUiRtaPersDeleteClick").length <= 0) {
 			var onDeletePressed = function(oOverlay) {
 				this.handler([oOverlay]);
@@ -93,18 +92,21 @@ sap.ui.define([
 	EasyRemove.prototype._addButton = function(oOverlay) {
 		var bEnabled = this.isEnabled([oOverlay]);
 		var sId = oOverlay.getId() + "-DeleteIcon";
-		var oHtmlIconWrapper = jQuery("<div class='sapUiRtaPersDeleteClick' draggable='true'> </div>");
-		var oHtmlIconOuter = jQuery("<div class='sapUiRtaPersDeleteIconOuter'> </div>");
+		var oHtmlIconWrapper = document.createElement("div");
+		oHtmlIconWrapper.classList.add("sapUiRtaPersDeleteClick");
+		oHtmlIconWrapper.setAttribute("draggable", "true");
+		var oHtmlIconOuter = document.createElement("div");
+		oHtmlIconOuter.classList.add("sapUiRtaPersDeleteIconOuter");
 
 		oOverlay._oDeleteButton = new Button(sId, {
 			icon: "sap-icon://less",
 			tooltip: sap.ui.getCore().getLibraryResourceBundle("sap.ui.rta").getText("CTX_REMOVE"),
 			enabled: bEnabled
-		}).placeAt(oHtmlIconOuter.get(0));
+		}).placeAt(oHtmlIconOuter);
 		oHtmlIconWrapper.append(oHtmlIconOuter);
-		oOverlay.$().append(oHtmlIconWrapper);
+		oOverlay.getDomRef().append(oHtmlIconWrapper);
 
-		oHtmlIconWrapper[0].addEventListener("dragstart", function(oEvent) {
+		oHtmlIconWrapper.addEventListener("dragstart", function(oEvent) {
 			oEvent.stopPropagation();
 			oEvent.preventDefault();
 		});

package/src/sap/ui/rta/plugin/LocalReset.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 * @constructor
 	 * @private
 	 * @since 1.90

package/src/sap/ui/rta/plugin/Plugin.js

@@ -1,19 +1,20 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
 // Provides class sap.ui.rta.plugin.Plugin.
 sap.ui.define([
+	"sap/base/util/restricted/_debounce",
 	"sap/ui/dt/Plugin",
 	"sap/ui/fl/write/api/ChangesWriteAPI",
 	"sap/ui/dt/OverlayRegistry",
 	"sap/ui/dt/OverlayUtil",
-	"sap/ui/fl/changeHandler/JsControlTreeModifier",
+	"sap/ui/core/util/reflection/JsControlTreeModifier",
 	"sap/ui/rta/util/hasStableId"
-],
-function(
+], function(
+	debounce,
 	Plugin,
 	ChangesWriteAPI,
 	OverlayRegistry,
@@ -69,7 +70,7 @@ function(
 	 * @extends sap.ui.dt.Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 *
 	 * @constructor
 	 * @private
@@ -125,7 +126,39 @@ function(
 		}
 	};
 
+	function debounceFunction(mDebounceFunctions, oOverlay, sName, fnOriginalFunction) {
+		// Create debounced function for the given parameters if it was not created before
+		var sOverlayId = oOverlay.getId();
+		if (!mDebounceFunctions[sOverlayId]) {
+			mDebounceFunctions[sOverlayId] = {};
+		}
+		if (!mDebounceFunctions[sOverlayId][sName]) {
+			// Debounce with approximately one frame to cover multiple synchronous calls
+			// without causing a huge delay
+			mDebounceFunctions[sOverlayId][sName] = debounce(fnOriginalFunction, 16);
+		}
+		// Execute the function
+		mDebounceFunctions[sOverlayId][sName]();
+	}
+
 	var _onElementModified = function (oEvent) {
+		// Initialize here because plugins may not extend the rta.Plugin and
+		// instead inherit the method via rta.Utils.extendWith
+		// Therefore the constructor/init might not be properly called
+		if (!this._mDebounceFunctions) {
+			// The _onElementModified callback might be triggered many times in a row, e.g.
+			// by SimpleForms which add all aggregation items one by one
+			// Since the resulting editable checks in the plugins can be expensive async functions
+			// the calls are debounced
+			this._mDebounceFunctions = {
+				// Make sure that all closure variables of the debounced function
+				// are part of the map key:
+				// [overlayId][oEvent.getParameters().name]: function
+				insertOrRemove: {},
+				addOrSet: {}
+			};
+		}
+
 		var oParams = oEvent.getParameters();
 		var aRelevantOverlays;
 		var oOverlay = oEvent.getSource();
@@ -150,18 +183,29 @@ function(
 			oParams.type === "insertAggregation"
 			|| oParams.type === "removeAggregation"
 		) {
-			aRelevantOverlays = this._getRelevantOverlays(oOverlay, oParams.name);
-			this.evaluateEditable(aRelevantOverlays, {onRegistration: false});
-		} else if (oParams.type === "addOrSetAggregation") {
-			if (this.getDesignTime().getStatus() === "synced") {
+			debounceFunction(this._mDebounceFunctions["insertOrRemove"], oOverlay, oParams.name, function() {
 				aRelevantOverlays = this._getRelevantOverlays(oOverlay, oParams.name);
 				this.evaluateEditable(aRelevantOverlays, {onRegistration: false});
-			} else {
-				this.getDesignTime().attachEventOnce("synced", function () {
+			}.bind(this));
+		} else if (oParams.type === "addOrSetAggregation") {
+			debounceFunction(this._mDebounceFunctions["addOrSet"], oOverlay, oParams.name, function() {
+				// Designtime might have been destroyed while waiting for the debounce callback
+				// In this case, the updates are no longer relevant
+				var oDesignTime = this.getDesignTime();
+				if (!oDesignTime) {
+					return;
+				}
+
+				if (oDesignTime.getStatus() === "synced") {
 					aRelevantOverlays = this._getRelevantOverlays(oOverlay, oParams.name);
 					this.evaluateEditable(aRelevantOverlays, {onRegistration: false});
-				}, this);
-			}
+				} else {
+					oDesignTime.attachEventOnce("synced", function () {
+						aRelevantOverlays = this._getRelevantOverlays(oOverlay, oParams.name);
+						this.evaluateEditable(aRelevantOverlays, {onRegistration: false});
+					}, this);
+				}
+			}.bind(this));
 		}
 	};
 

package/src/sap/ui/rta/plugin/RTAElementMover.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -35,7 +35,7 @@ function(
 	 * The RTAElementMover is responsible for the RTA specific adaptation of element movements.
 	 *
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/plugin/Remove.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @class The Remove allows trigger remove operations on the overlay
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 * @constructor
 	 * @private
 	 * @since 1.34
@@ -174,7 +174,7 @@ sap.ui.define([
 	 * @private
 	 */
 	Remove.prototype._onKeyDown = function(oEvent) {
-		if (oEvent.keyCode === KeyCodes.DELETE) {
+		if (oEvent.keyCode === KeyCodes.DELETE || oEvent.keyCode === KeyCodes.BACKSPACE) {
 			oEvent.stopPropagation();
 			this.removeElement();
 		}

package/src/sap/ui/rta/plugin/Rename.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -28,7 +28,7 @@ sap.ui.define([
 	 * @extends sap.ui.rta.plugin.Plugin
 	 *
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 *
 	 * @constructor
 	 * @private

package/src/sap/ui/rta/plugin/RenameHandler.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -57,7 +57,7 @@ sap.ui.define([
 	 * Provides Rename handling functionality
 	 *
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 *
 	 * @constructor
 	 * @private
@@ -136,7 +136,7 @@ sap.ui.define([
 
 			// case where the editable control has it's own overlay
 			var oOverlayForWrapper = OverlayRegistry.getOverlay(
-				vEditableControlDomRef instanceof jQuery
+				vEditableControlDomRef.jquery
 					? vEditableControlDomRef.get(0).id
 					: vEditableControlDomRef.id
 			);
@@ -145,20 +145,25 @@ sap.ui.define([
 			// for this purpose the width of the editable control should be adjusted
 			if (!oOverlayForWrapper) {
 				oOverlayForWrapper = this._oEditedOverlay;
-				var _$ControlForWrapperDomRef = jQuery(ElementUtil.getDomRef(oElement)); /* Main Control */
-				var _$oEditableControlParentDomRef = this._$oEditableControlDomRef.parent(); /* Text Control parent */
-				var iControlForWrapperWidth = parseInt(_$ControlForWrapperDomRef.outerWidth()); /* Main Control Width */
+				var _oControlForWrapperDomRef = ElementUtil.getDomRef(oElement); /* Main Control */
+				var _oEditableControlParentDomRef = this._$oEditableControlDomRef.parent().get(0); /* Text Control parent */
+				var iControlForWrapperWidth = _oControlForWrapperDomRef ? parseInt(_oControlForWrapperDomRef.offsetWidth) : "NaN"; /* Main Control Width */
 
 				if (!isNaN(iControlForWrapperWidth)) {
 					var iEditableControlWidth = parseInt(this._$oEditableControlDomRef.outerWidth());
-					var iEditableControlParentWidth = parseInt(_$oEditableControlParentDomRef.outerWidth());
+					var iEditableControlParentWidth = parseInt(_oEditableControlParentDomRef.offsetWidth);
 
 					iWidthDifference = iControlForWrapperWidth - iEditableControlWidth;
 
+					var aCHildren = Array.from(_oEditableControlParentDomRef.children);
+					var aVisibleChildren = aCHildren.filter(function(oNode) {
+						return DOMUtil.isVisible(oNode);
+					});
+
 					if (iWidthDifference < 0 && iEditableControlParentWidth) {
-						if (_$oEditableControlParentDomRef.get(0).id !== _$ControlForWrapperDomRef.get(0).id
-							&& _$oEditableControlParentDomRef.children(":visible").length === 1
-							&& _$oEditableControlParentDomRef.children(":visible").get(0).id === this._$oEditableControlDomRef.get(0).id
+						if (_oEditableControlParentDomRef.id !== _oControlForWrapperDomRef.id
+							&& aVisibleChildren.length === 1
+							&& aVisibleChildren[0].id === this._$oEditableControlDomRef.get(0).id
 							&& iControlForWrapperWidth > iEditableControlParentWidth) {
 							iWidthDifference = iControlForWrapperWidth - iEditableControlParentWidth;
 						} else {
@@ -168,13 +173,17 @@ sap.ui.define([
 				}
 			}
 
-			var _$oWrapper = jQuery("<div class='sapUiRtaEditableField'></div>")
-				.css({
-					"white-space": "nowrap",
-					overflow: "hidden",
-					width: "calc(100% - (" + iWidthDifference + "px))"
-				}).appendTo(oOverlayForWrapper.$());
-			this._$editableField = jQuery("<div contentEditable='true'></div>").appendTo(_$oWrapper);
+			var _oWrapperDomRef = document.createElement("div");
+			_oWrapperDomRef.classList.add("sapUiRtaEditableField");
+			_oWrapperDomRef.style.whiteSpace = "nowrap";
+			_oWrapperDomRef.style.overflow = "hidden";
+			_oWrapperDomRef.style.width = "calc(100% - (" + iWidthDifference + "px))";
+			oOverlayForWrapper.getDomRef().append(_oWrapperDomRef);
+			var _oEditableFieldDomRef = document.createElement("div");
+			_oEditableFieldDomRef.setAttribute("contentEditable", "true");
+			_oWrapperDomRef.append(_oEditableFieldDomRef);
+			//TODO: replace the private jQuery variable to HTMLElement
+			this._$editableField = jQuery(_oEditableFieldDomRef);
 
 			// if label is empty, set a preliminary dummy text at the control to get an overlay
 			var sCurrentText = this._fnGetControlText();
@@ -228,7 +237,7 @@ sap.ui.define([
 			this._$editableField.on("mousedown", RenameHandler._stopPropagation.bind(this));
 
 			this._$oEditableControlDomRef.css("visibility", "hidden");
-			_$oWrapper.offset({left: this._$oEditableControlDomRef.offset().left});
+			jQuery(_oWrapperDomRef).offset({left: this._$oEditableControlDomRef.offset().left});
 			RenameHandler._setEditableFieldPosition.apply(this);
 			this._$editableField.css("visibility", "");
 			this._$editableField.trigger("focus");
@@ -320,6 +329,7 @@ sap.ui.define([
 				this._fnSetControlText("");
 			}
 
+			//TODO: check why test gets red when this is replaced by vanilla JS
 			this._oEditedOverlay.$().find(".sapUiRtaEditableField").remove();
 			Overlay.getMutationObserver().ignoreOnce({
 				target: this._$oEditableControlDomRef.get(0)
@@ -439,7 +449,8 @@ sap.ui.define([
 					RenameHandler._preventDefault.call(this, oEvent);
 					break;
 				case KeyCodes.DELETE:
-					//Incident ID: #1680315103
+				case KeyCodes.BACKSPACE:
+					//Incident IDs: #1680315103, #2380033173
 					RenameHandler._stopPropagation.call(this, oEvent);
 					break;
 				default:

package/src/sap/ui/rta/plugin/Resize.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 * @constructor
 	 * @private
 	 * @since 1.101

package/src/sap/ui/rta/plugin/Selection.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -30,7 +30,7 @@ function (
 	 * @class The Selection plugin allows you to select or focus overlays with mouse or keyboard and navigate to others.
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 * @constructor
 	 * @private
 	 * @since 1.34
@@ -133,17 +133,6 @@ function (
 		}
 	};
 
-	/**
-	 * Gets the value of the isActive property.
-	 * When set to <code>true</code>, then additional check for busy plugnis is triggered.
-	 * @return {boolean} bValue - <code>false</code> if inactive or some busy plugins available.
-	 */
-	Selection.prototype.getIsActive = function() {
-		return this.getProperty("isActive")
-			&& this.getDesignTime()
-			&& !this.getDesignTime().getBusyPlugins().length;
-	};
-
 	/**
 	 * Register an overlay
 	 *
@@ -271,7 +260,7 @@ function (
 			}
 			return;
 		}
-		var bMultiSelection = oEvent.metaKey || oEvent.ctrlKey;
+		var bMultiSelection = oEvent.metaKey || oEvent.ctrlKey || oEvent.shiftKey;
 		var bContextMenu = oEvent.type === "contextmenu";
 
 		if (oOverlay && oOverlay.getSelectable()) {
@@ -324,7 +313,11 @@ function (
 	 */
 	Selection.prototype._onMouseover = function(oEvent) {
 		var oOverlay = OverlayRegistry.getOverlay(oEvent.currentTarget.id);
-		if (!this.getIsActive()) {
+		// due to some timing issues the mouseover event callback can be triggered during drag&drop
+		if (
+			!this.getIsActive()
+			|| (this.getDesignTime() && this.getDesignTime().getBusyPlugins().length)
+		) {
 			// Propagation should be stopped at the root overlay to prevent the selection of the underlying elements
 			if (oOverlay.isRoot()) {
 				preventEventDefaultAndPropagation(oEvent);

package/src/sap/ui/rta/plugin/Settings.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @class The Settings allows trigger change of settings operations on the overlay
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 * @constructor
 	 * @private
 	 * @since 1.44

package/src/sap/ui/rta/plugin/Split.js

@@ -1,6 +1,6 @@
 /*!
  * OpenUI5
- * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
+ * (c) Copyright 2009-2023 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
  */
 
@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @class
 	 * @extends sap.ui.rta.plugin.Plugin
 	 * @author SAP SE
-	 * @version 1.109.0
+	 * @version 1.111.0
 	 * @constructor
 	 * @private
 	 * @since 1.46