@theseam/ui-common 0.3.2 → 0.3.3

package/bundles/theseam-ui-common-modal.umd.js

@@ -33,7 +33,23 @@
                     }
                 });
                 // NOTE: For current bootstrap style modal
-                _overlayRef.overlayElement.addEventListener('click', _bootstrapBackdropClickListener);
+                // Replaced click event because it was easy to accidentally close
+                // the dialog by mousing down inside the modal and mousing up outside
+                // (like when dragging a map, selecting text, etc)
+                var clickStarted_1 = false;
+                _overlayRef.overlayElement.addEventListener('mousedown', function (event) {
+                    // @ts-ignore
+                    if (!_this._isModalMouseEvent(event.path)) {
+                        clickStarted_1 = true;
+                    }
+                });
+                _overlayRef.overlayElement.addEventListener('mouseup', function (event) {
+                    // @ts-ignore
+                    if (clickStarted_1 && !_this._isModalMouseEvent(event.path)) {
+                        clickStarted_1 = false;
+                        _bootstrapBackdropClickListener();
+                    }
+                }, {});
             }
             this.beforeClosed().subscribe(function () {
                 _this._overlayRef.detachBackdrop();
@@ -130,6 +146,10 @@
             var _this = this;
             return this._containerInstance._afterExit.pipe(operators.map(function () { return _this._result; }));
         };
+        // TODO: pull container name in from element, to protect against changes
+        ModalRef.prototype._isModalMouseEvent = function (path) {
+            return path.findIndex(function (p) { return p.localName === 'seam-modal-container'; }) !== -1;
+        };
         return ModalRef;
     }());