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.
This commit is contained in:
Kristiyan Kostadinov
2017-06-05 23:46:22 +02:00
committed by Andrew Seguin
parent a240c9ccef
commit 22746ced69
+3
View File
@@ -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()'
}
})