From 22746ced6907a89fc684e34912529aa1de0bb427 Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Mon, 5 Jun 2017 23:46:22 +0200 Subject: [PATCH] fix(tooltip): not rendering in IE and Edge without web animations polyfill (#4937) Fixes the tooltip not being rendered in IE and Edge, if there is no web animations polyfill. When we don't animate the element, for some reason IE and Edge decide not to lay it out at all. We force the element to be shown by using the `zoom: 1` hack. Fixes #4935. --- src/lib/tooltip/tooltip.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/lib/tooltip/tooltip.ts b/src/lib/tooltip/tooltip.ts index d8e77732d494..2274f5279023 100644 --- a/src/lib/tooltip/tooltip.ts +++ b/src/lib/tooltip/tooltip.ts @@ -338,6 +338,9 @@ export type TooltipVisibility = 'initial' | 'visible' | 'hidden'; ]) ], host: { + // Forces the element to have a layout in IE and Edge. This fixes issues where the element + // won't be rendered if the animations are disabled or there is no web animations polyfill. + '[style.zoom]': '_visibility === "visible" ? 1 : null', '(body:click)': 'this._handleBodyInteraction()' } })