fix: avoid issues with virtual keyboard on ios devices

Author: dimovpetar

packages/main/src/Dialog.ts

@@ -29,6 +29,7 @@ import DialogTemplate from "./DialogTemplate.js";
 import PopupsCommonCss from "./generated/themes/PopupsCommon.css.js";
 import dialogCSS from "./generated/themes/Dialog.css.js";
 import PopupAccessibleRole from "./types/PopupAccessibleRole.js";
+import { isIOS } from "@ui5/webcomponents-base";
 
 /**
  * Defines the step size at which this component would change by when being dragged or resized with the keyboard.
@@ -329,7 +330,16 @@ class Dialog extends Popup {
 
 	_show() {
 		super._show();
-		requestAnimationFrame(this._center.bind(this));
+
+		if (isIOS()) {
+			this._updateMediaRange();
+			this._center();
+		} else {
+			requestAnimationFrame(() => {
+				this._updateMediaRange();
+				this._center();
+			});
+		}
 	}
 
 	onBeforeRendering() {

packages/main/src/Popup.ts

@@ -604,8 +604,6 @@ abstract class Popup extends UI5Element {
 		if (this.isConnected) {
 			this.setAttribute("popover", "manual");
 			this.showPopover();
-
-			requestAnimationFrame(this._updateMediaRange.bind(this));
 		}
 	}