refactor: move _updateMediaRange back to the dialog

Author: dimovpetar

packages/main/cypress/specs/MultiComboBox.mobile.cy.tsx

@@ -224,6 +224,11 @@ describe("Typeahead", () => {
         cy.get("@input")
             .realClick();
 
+        cy.get("[ui5-multi-combobox]")
+            .shadow()
+            .find<ResponsivePopover>("[ui5-responsive-popover]")
+            .ui5ResponsivePopoverOpened();
+
         cy.get("[ui5-multi-combobox]")
             .shadow()
             .find("[ui5-responsive-popover]")

packages/main/src/Dialog.ts

@@ -329,7 +329,10 @@ class Dialog extends Popup {
 
 	_show() {
 		super._show();
-		requestAnimationFrame(this._center.bind(this));
+		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));
 		}
 	}