Popover adjustments

skyux-spa-visual-tests/src/app/popover/popover-visual.component.scss

@@ -15,6 +15,7 @@
   .sky-popover-container {
     position: static !important;
     opacity: 1 !important;
+    visibility: visible !important;
   }
 }
 

src/app/components/popover/popover-demo.component.scss

@@ -16,6 +16,7 @@
     position: static !important;
     width: 100% !important;
     opacity: 1 !important;
+    visibility: visible !important;
 
     .sky-popover {
       margin: 0;

src/modules/popover/popover.component.html

@@ -1,4 +1,4 @@
-<div class="sky-popover-container hidden"
+<div class="sky-popover-container"
   [ngClass]="'sky-popover-placement-' + placement"
   (@popoverState.start)="onAnimationStart($event)"
   (@popoverState.done)="onAnimationDone($event)"

src/modules/popover/popover.component.scss

@@ -22,14 +22,11 @@ $popover-max-width: 276px;
 }
 
 .sky-popover-container {
+  visibility: hidden;
+  opacity: 0;
   position: absolute;
   z-index: 9999;
 
-  &.hidden {
-    left: -99999px !important;
-    right: auto !important;
-  }
-
   @media (max-width: $sky-screen-xs-max) {
     left: 0 !important;
     right: 0;

src/modules/popover/popover.component.spec.ts

@@ -206,7 +206,7 @@ describe('SkyPopoverComponent', () => {
     document.dispatchEvent(escapeEvent);
 
     fixture.detectChanges();
-    const element = fixture.debugElement.query(By.css('.sky-popover-container.hidden'));
+    const element = fixture.debugElement.query(By.css('.sky-popover-container'));
 
     expect(component.close).toHaveBeenCalled();
     expect(element.nativeElement).toBeDefined();

src/modules/popover/popover.component.ts

@@ -29,7 +29,7 @@ import { SkyPopoverPlacement, SkyPopoverAdapterService } from './index';
   providers: [SkyPopoverAdapterService],
   animations: [
     trigger('popoverState', [
-      state('visible', style({ opacity: 1 })),
+      state('visible', style({ opacity: 1, visibility: 'visible' })),
       state('hidden', style({ opacity: 0 })),
       transition('hidden => visible', animate('150ms')),
       transition('visible => hidden', animate('150ms'))