Changeset e29cc2e for trip-planner-front/node_modules/@angular/cdk/fesm2015/overlay.js

Timestamp:

11/25/21 22:08:24 (3 years ago)

Author:

Ema <ema_spirova@…>

Branches:

master

Children:

8d391a1

Parents:

59329aa

Message:

primeNG components

File:

• trip-planner-front/node_modules/@angular/cdk/fesm2015/overlay.js (modified) (4 diffs)

trip-planner-front/node_modules/@angular/cdk/fesm2015/overlay.js

@@ -597 +597 @@
         this._platform = _platform;
         this._cursorStyleIsSet = false;
+        /** Store pointerdown event target to track origin of click. */
+        this._pointerDownListener = (event) => {
+            this._pointerDownEventTarget = _getEventTarget(event);
+        };
         /** Click event listener that will be attached to the body propagate phase. */
         this._clickListener = (event) => {
             const target = _getEventTarget(event);
+            // In case of a click event, we want to check the origin of the click
+            // (e.g. in case where a user starts a click inside the overlay and
+            // releases the click outside of it).
+            // This is done by using the event target of the preceding pointerdown event.
+            // Every click event caused by a pointer device has a preceding pointerdown
+            // event, unless the click was programmatically triggered (e.g. in a unit test).
+            const origin = event.type === 'click' && this._pointerDownEventTarget
+                ? this._pointerDownEventTarget : target;
+            // Reset the stored pointerdown event target, to avoid having it interfere
+            // in subsequent events.
+            this._pointerDownEventTarget = null;
             // We copy the array because the original may be modified asynchronously if the
             // outsidePointerEvents listener decides to detach overlays resulting in index errors inside
@@ -614 +629 @@
                 }
                 // If it's a click inside the overlay, just break - we should do nothing
-                // If it's an outside click dispatch the mouse event, and proceed with the next overlay
-                if (overlayRef.overlayElement.contains(target)) {
+                // If it's an outside click (both origin and target of the click) dispatch the mouse event,
+                // and proceed with the next overlay
+                if (overlayRef.overlayElement.contains(target) ||
+                    overlayRef.overlayElement.contains(origin)) {
                     break;
                 }
@@ -633 +650 @@
         if (!this._isAttached) {
             const body = this._document.body;
+            body.addEventListener('pointerdown', this._pointerDownListener, true);
             body.addEventListener('click', this._clickListener, true);
             body.addEventListener('auxclick', this._clickListener, true);
@@ -650 +668 @@
         if (this._isAttached) {
             const body = this._document.body;
+            body.removeEventListener('pointerdown', this._pointerDownListener, true);
             body.removeEventListener('click', this._clickListener, true);
             body.removeEventListener('auxclick', this._clickListener, true);