fix(IgxGrid): fix overlay warnings thrown on scroll #7678

Author: ddincheva

projects/igniteui-angular/src/lib/grids/grid-base.directive.ts

@@ -3162,7 +3162,9 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
      */
     public hideOverlays() {
         this.overlayIDs.forEach(overlayID => {
-            this.overlayService.detach(overlayID);
+            if (this.overlayService.getOverlayById(overlayID)?.visible) {
+                this.overlayService.hide(overlayID);
+            }
             this.nativeElement.focus();
         });
     }
@@ -3635,6 +3637,13 @@ export abstract class IgxGridBaseDirective extends DisplayDensityBase implements
             this.overlayService.detach(this._advancedFilteringOverlayId);
         }
 
+        this.overlayIDs.forEach(overlayID => {
+            if (this.overlayService.getOverlayById(overlayID) && !this.overlayService.getOverlayById(overlayID).detached) {
+                this.overlayService.detach(overlayID);
+            }
+            this.nativeElement.focus();
+        });
+
         this.zone.runOutsideAngular(() => {
             this.observer.disconnect();
             this.verticalScrollContainer?.getScroll()?.removeEventListener('scroll', this.verticalScrollHandler);