fix(overlay): using injected document for show - 17.0 (#13634)

Author: ChronosSF

projects/igniteui-angular/src/lib/date-range-picker/date-range-picker.component.spec.ts

@@ -131,6 +131,7 @@ describe('IgxDateRangePicker', () => {
             mockDocument = {
                 body: mockElement,
                 defaultView: mockElement,
+                documentElement: document.documentElement,
                 createElement: () => mockElement,
                 appendChild: () => { },
                 // eslint-disable-next-line @typescript-eslint/no-unused-vars

projects/igniteui-angular/src/lib/services/overlay/overlay.ts

@@ -420,7 +420,7 @@ export class IgxOverlayService implements OnDestroy {
         info.settings.positionStrategy.position(
             info.elementRef.nativeElement.parentElement,
             { width: info.initialSize.width, height: info.initialSize.height },
-            document,
+            this._document,
             true,
             info.settings.target);
         this.addModalClasses(info);