fix(cdk-experimental/column-resize): Fix bug in hover logic introduced by IE cleanup

kseamon · kseamon · commit ec09cd15886e · 2022-02-10T09:53:06.000-05:00
diff --git a/src/cdk-experimental/column-resize/column-resize.ts b/src/cdk-experimental/column-resize/column-resize.ts
@@ -80,7 +80,7 @@ export abstract class ColumnResize implements AfterViewInit, OnDestroy {
         .subscribe(this.eventDispatcher.headerCellHovered);
       fromEvent<MouseEvent>(element, 'mouseleave')
         .pipe(
-          filter(event => !!(event.relatedTarget as Element)?.matches(RESIZE_OVERLAY_SELECTOR)),
+          filter(event => !!event.relatedTarget && !(event.relatedTarget as Element).matches(RESIZE_OVERLAY_SELECTOR)),
           mapTo(null),
           takeUntil(this.destroyed),
         )

Original file line number	Diff line number	Diff line change
`@@ -80,7 +80,7 @@ export abstract class ColumnResize implements AfterViewInit, OnDestroy {`
`80`	`80`	`.subscribe(this.eventDispatcher.headerCellHovered);`
`81`	`81`	`fromEvent<MouseEvent>(element, 'mouseleave')`
`82`	`82`	`.pipe(`
`83`		`- filter(event => !!(event.relatedTarget as Element)?.matches(RESIZE_OVERLAY_SELECTOR)),`
	`83`	`+ filter(event => !!event.relatedTarget && !(event.relatedTarget as Element).matches(RESIZE_OVERLAY_SELECTOR)),`
`84`	`84`	`mapTo(null),`
`85`	`85`	`takeUntil(this.destroyed),`
`86`	`86`	`)`