使用translate3d时，材料设计lite工具提示中断

Question

我正在尝试使用MDL tooltips，但在使用 this.componentName = this.router.hostComponent.name; 属性（我在某些动画中使用）时，它们无法按预期工作

Reproduction online

translate3d

Answer 1

这是因为在material.js中悬停时动态计算工具提示位置的原因。请参阅： https://github.com/google/material-design-lite/blob/mdl-1.x/src/tooltip/tooltip.js#L69

将transform样式添加到传递到parent <div>工具提示的<div>，并弄乱工具提示位置计算。

我的建议是将translate3d样式更改为内部<div>，以便它不会影响tooltip <div>。