react-dialogger 1.1.23 → 1.1.25

package/components/DialogBase.js

@@ -530,6 +530,8 @@ var DialogBase = /** @class */ (function (_super) {
              * eget momoize islemi uygulanmissa read from memory
              * */
             var bounds = _this._storedBounds;
+            // console.log('MAIN DOM', window.getComputedStyle(this.props.dom).zIndex);
+            var domZIndex = window.getComputedStyle(_this.props.dom).zIndex;
             return (0, jsx_runtime_1.jsx)(react_draggable_1.default, { disabled: !_this._draggable || _this.state.fullscreenMode, axis: 'both', handle: _this._draggable ? '.drag-handle' : '', scale: 1, ref: _this._backdropRef, onDrag: function (event, data) {
                     event.stopPropagation();
                     _this._dialogTranslate = { lastX: data.lastX, lastY: data.lastY };
@@ -555,7 +557,9 @@ var DialogBase = /** @class */ (function (_super) {
                     }, 
                     // className={this._dialogSize.width === 'auto' ? 'auto' : `dialog-width-${this._dialogSize.width} dialog-main show-opacity show-position-${this._dialogOptions.base.initialAnchor.vertical}`}
                     className: _this._dialogOptions.base.size.width === 'auto' ? 'auto' : "dialog-width-".concat(_this._dialogOptions.base.size.width, " dialog-main show-opacity show-position-").concat(_this._dialogOptions.base.initialAnchor.vertical), style: __assign(__assign(__assign(__assign(__assign({ alignSelf: _this._dialogOptions.base.initialAnchor.vertical, height: (_b = _this._dialogOptions.base.size.height) !== null && _b !== void 0 ? _b : 'auto' }, typeof _this._dialogOptions.base.size.width === "number" ? { width: _this._dialogOptions.base.size.width } : null), (_a = { outline: 'none' }, _a[yKey] = _this.dialogPosFromMultipleDialogs.top + 'px', _a[xKey] = _this.dialogPosFromMultipleDialogs.left + 'px', _a)), _this._dialogOptions.base.style), { fontFamily: _this._fontFamily }), bounds ? { position: 'absolute', top: bounds.y, left: bounds.x, width: bounds.width, height: bounds.height } : null), children: [(0, jsx_runtime_1.jsxs)(WithSnackbar, { snackbarRef: _this._snackbarRef, maxSnack: _this._dialogOptions.snackbar.maxSnack, children: [(_this._header || _this._dialogOptions.slot.header) && _this.Header(header), _this.Body(body), (0, jsx_runtime_1.jsx)(_this.Footer, { ref: _this._footeRef, actions: actions })] }), (_this._dialogOptions.base.resizeable) &&
-                            (0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "resizable-handle", onMouseDown: (_c = _this._Resizeable) === null || _c === void 0 ? void 0 : _c.resizeHandleMouseDown, children: (0, jsx_runtime_1.jsx)(ResizeIcon_1.default, { color: '#286e94' }) }) })] }) });
+                            (0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "resizable-handle", style: {
+                                        zIndex: parseInt(domZIndex) + 1
+                                    }, onMouseDown: (_c = _this._Resizeable) === null || _c === void 0 ? void 0 : _c.resizeHandleMouseDown, children: (0, jsx_runtime_1.jsx)(ResizeIcon_1.default, { color: '#286e94' }) }) })] }) });
         };
         // render = () => {
         //
@@ -949,10 +953,10 @@ var DialogBase = /** @class */ (function (_super) {
         this._dom.classList.add('appinsource-dialog-root');
         // Find root element
         var rootElement = document.getElementById('root');
-        var AppElement = rootElement.firstElementChild;
+        // const AppElement = rootElement.firstElementChild;
         if (rootElement) {
-            // rootElement.appendChild(this._dom);
-            AppElement.prepend(this._dom);
+            rootElement.appendChild(this._dom);
+            // AppElement.prepend(this._dom);
         }
         else {
             document.body.appendChild(this._dom);

package/package.json

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