fix(tooltip): fix width property in chrome for custom element (#2559)

- fixed width calculation in chrome for bs-tooltip-container(added display: block) - changed test for 'auto' placement, changed 'left' class to 'right'
valor-software · Sep 1, 2017 · dfc736e · dfc736e
1 parent 8ac689a
commit dfc736e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/spec/ng-bootstrap/tooltip.spec.ts b/src/spec/ng-bootstrap/tooltip.spec.ts
@@ -198,7 +198,7 @@ describe('tooltip', () => {
 
         expect(windowEl).toHaveCssClass('tooltip');
         expect(windowEl).toHaveCssClass('tooltip-auto');
-        expect(windowEl).toHaveCssClass('left');
+        expect(windowEl).toHaveCssClass('right');
         expect(windowEl.textContent.trim()).toBe('Great tip!');
       });
     });

diff --git a/src/tooltip/tooltip-container.component.ts b/src/tooltip/tooltip-container.component.ts
@@ -13,7 +13,10 @@ import { isBs3 } from '../utils/ng2-bootstrap-config';
     '[class.show]': '!isBs3',
     role: 'tooltip'
   },
-  styles: [`
+  styles: [`    
+    :host.tooltip {
+      display: block;
+    }
     :host.bs-tooltip-top .arrow, :host.bs-tooltip-bottom .arrow {
       left: calc(50% - 2.5px);
     }