react-dialogger 1.1.122 → 1.1.124

package/components/DialogContent.js

@@ -166,9 +166,15 @@ var DialogContent = function (props) {
             }, dialogRef);
         }, children: (0, jsx_runtime_1.jsx)("div", { id: "dialog-main", ref: dialogRef, onClick: function (e) {
                 e.stopPropagation();
-                var dom = dialog.getDom();
-                if (dom) {
-                    dom.style.zIndex = String(dialog.props.zFinder() + 1);
+                if (dialog.dialogOptions.backdrop.throughable) {
+                    var toppest = dialog.props.zFinder();
+                    var dom = dialog.getDom();
+                    console.log('toppest', parseInt(dom.style.zIndex), toppest);
+                    if (dom) {
+                        if (parseInt(dom.style.zIndex) < toppest) {
+                            dom.style.zIndex = String(dialog.props.zFinder() + 1);
+                        }
+                    }
                 }
             }, tabIndex: 0, onKeyDown: function (e) {
                 var target = e.target;

package/models/Dialog.js

@@ -77,7 +77,7 @@ var Dialog = /** @class */ (function () {
                     highest = z;
                 }
             });
-            return highest + 1;
+            return highest;
         };
         this.createDom = function () {
             (0, appLogger_1.appLog)('this._actions', _this._actions);
@@ -86,7 +86,7 @@ var Dialog = /** @class */ (function () {
             dom.setAttribute('data-type', 'dialog');
             dom.setAttribute('data-family', 'presentation');
             dom.classList.add('react-guzzle-root');
-            dom.style.setProperty('z-index', String(_this.highestZ()));
+            dom.style.setProperty('z-index', String(_this.highestZ() + 1));
             // Find root element
             var rootElement = document.getElementById('root');
             // const AppElement = rootElement.firstElementChild;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.122",
+  "version": "1.1.124",
   "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",

package/types/DialogTypes.d.ts

@@ -230,7 +230,7 @@ export interface IBackdropOptions {
     backgroundColor?: string;
     opacity?: number;
     hideOnClick?: boolean;
-    throughable?: false;
+    throughable?: boolean;
 }
 export type TNotifyOnClosing = "snackbar" | "zoom" | undefined;
 export type TInitialHolder = any;