react-dialogger 1.1.18 → 1.1.20

package/components/DialogBase.js

@@ -674,17 +674,17 @@ var DialogBase = /** @class */ (function (_super) {
             this._dialogRef.current.focus();
             if (this._Resizeable) {
                 this._Resizeable.setContainer(this._dialogRef.current);
-                if (typeof this.props.resizeListener === "function") {
-                    this._resizeListenersStore.push(this.props.resizeListener);
-                    this._Resizeable.onResizeListener(function (width, height) {
-                        // this.props.resizeListener({width, height}, this);
-                        // Butun eklenmis Resize collbackler ayni anda maplenerek cevap veriliyor
-                        _this._resizeListenersStore.map(function (itemCallback) {
-                            // @ts-ignore
-                            itemCallback({ width: width, height: height }, _this);
-                        });
+                this._Resizeable.onResizeListener(function (width, height) {
+                    if (typeof _this.props.resizeListener === "function") {
+                        _this._resizeListenersStore.push(_this.props.resizeListener);
+                    }
+                    // this.props.resizeListener({width, height}, this);
+                    // Butun eklenmis Resize collbackler ayni anda maplenerek cevap veriliyor
+                    _this._resizeListenersStore.map(function (itemCallback) {
+                        // @ts-ignore
+                        itemCallback({ width: width, height: height }, _this);
                     });
-                }
+                });
             }
         }
         // Initialize SlotsProps
@@ -882,7 +882,14 @@ var DialogBase = /** @class */ (function (_super) {
         this._dom = document.createElement('div');
         this._dom.setAttribute('role', 'presentation');
         this._dom.classList.add('appinsource-dialog-root');
-        document.body.appendChild(this._dom);
+        // Find root element
+        var rootElement = document.getElementById('root');
+        if (rootElement) {
+            rootElement.appendChild(this._dom);
+        }
+        else {
+            document.body.appendChild(this._dom);
+        }
         var root = (0, client_1.createRoot)(this._dom);
         var props = {
             ref: this._innerRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.18",
+  "version": "1.1.20",
   "description": "This package is a continuation of the react-araci package. Due to an error, react-araci was removed, and it has been decided to continue under the new package name react-dialogger",
   "main": "index.js",
   "author": "Sueleyman Topaloglu",