mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
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:
committed by
Andrew Seguin
parent
a240c9ccef
commit
22746ced69
@@ -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()'
|
||||
}
|
||||
})
|
||||
|
||||
Reference in New Issue
Block a user