ready for draft PR!

Author: kseamon

src/cdk-experimental/column-resize/resizable.ts

@@ -102,10 +102,29 @@ export abstract class Resizable<HandleComponent extends ResizeOverlayHandle>
 
   protected abstract getInlineHandleCssClassName(): string;
 
-  protected abstract createOverlayForHandle(): OverlayRef;
-
   protected abstract getOverlayHandleComponentType(): Type<HandleComponent>;
 
+  private _createOverlayForHandle(): OverlayRef {
+    const positionStrategy = this.overlay.position()
+        .flexibleConnectedTo(this.elementRef.nativeElement!)
+        .withFlexibleDimensions(false)
+        .withGrowAfterOpen(false)
+        .withPush(false)
+        .withPositions([{
+          originX: 'end',
+          originY: 'top',
+          overlayX: 'center',
+          overlayY: 'top',
+        }]);
+
+    return this.overlay.create({
+      disposeOnNavigation: true,
+      positionStrategy,
+      scrollStrategy: this.overlay.scrollStrategies.reposition(),
+      width: '16px',
+    });
+  }
+
   private _listenForRowHoverEvents(): void {
     const element = this.elementRef.nativeElement!;
     const takeUntilDestroyed = takeUntil<boolean>(this.destroyed);
@@ -115,7 +134,7 @@ export abstract class Resizable<HandleComponent extends ResizeOverlayHandle>
         .pipe(takeUntilDestroyed).subscribe(hoveringRow => {
       if (hoveringRow) {
         if (!this.overlayRef) {
-          this.overlayRef = this.createOverlayForHandle();
+          this.overlayRef = this._createOverlayForHandle();
         }
 
         this._showHandleOverlay();

src/material-experimental/column-resize/resizable.ts

@@ -7,7 +7,6 @@
  */
 
 import {Directive, Type} from '@angular/core';
-import {OverlayRef} from '@angular/cdk/overlay';
 import {Resizable} from '@angular/cdk-experimental/column-resize';
 
 import {MatColumnResizeOverlayHandle} from './overlay-handle';
@@ -19,27 +18,6 @@ export abstract class AbstractMatResizable extends Resizable<MatColumnResizeOver
     return 'mat-resizable-handle';
   }
 
-  protected createOverlayForHandle(): OverlayRef {
-    const positionStrategy = this.overlay.position()
-        .flexibleConnectedTo(this.elementRef.nativeElement!)
-        .withFlexibleDimensions(false)
-        .withGrowAfterOpen(false)
-        .withPush(false)
-        .withPositions([{
-          originX: 'end',
-          originY: 'top',
-          overlayX: 'center',
-          overlayY: 'top',
-        }]);
-
-    return this.overlay.create({
-      disposeOnNavigation: true,
-      positionStrategy,
-      scrollStrategy: this.overlay.scrollStrategies.reposition(),
-      width: '16px',
-    });
-  }
-
   protected getOverlayHandleComponentType(): Type<MatColumnResizeOverlayHandle> {
     return MatColumnResizeOverlayHandle;
   }