fix(ui5-dialog): fix unwanted animation when opening with large content

packages/main/src/Popup.ts

@@ -369,6 +369,11 @@ abstract class Popup extends UI5Element {
 
 		this._addOpenedPopup();
 
+		this.classList.add("ui5-popup-opening");
+		setTimeout(() => {
+			this.classList.remove("ui5-popup-opening");
+		}, 50);
+
 		this.open = true;
 
 		// initial focus, if focused element is statically created

packages/main/src/themes/Popup.css

@@ -9,4 +9,8 @@
 
 :host(:focus-visible) {
     outline: none;
+}
+
+:host(.ui5-popup-opening) {
+    opacity: 0.1;
 }