mit Ich versuche MDL tooltips zu verwenden, aber sie scheitern wie erwartet zu funktionieren, wenn die translate3d Eigenschaft verwenden (was ich in einigen Animationen verwenden)Werkstoffausführungen lite Bruch Tooltip, wenn translate3d
.container{
position:absolute;
left: 100px;
top: 100px;
-webkit-transform: translate3d(0, 100px, 0);
transform: translate3d(0, 100px, 0);
}
Der Grund dafür ist, dass die Tooltip-Position beim Schweben in material.js dynamisch berechnet wird. Bitte beachten Sie: https://github.com/google/material-design-lite/blob/mdl-1.x/src/tooltip/tooltip.js#L69
Wenn Sie ein transform Styling zum parent <div> hinzufügen, die die Tooltip Positionsberechnung zum <div> Tooltip und mess up weitergeben bekamen.
Mein Vorschlag ist, ändern Sie die translate3d Styling auf die innere <div> nur so wird es keinen Einfluss auf die tooltip <div>.
Die translate3d -Eigenschaft wird auf das gesamte Element angewendet, wo der Tooltip ist. Mein Ziel ist nicht nur die Tooltip verschieben, sondern seine gesamten Container-Elemente und alle Kinder. Es scheint, Boostrap Tooltip tut ein viel besserer Job, diese Dinge zu berechnen! – Alvaro
Leider ist das die aktuelle Grenze von MDL. Danke, dass Sie das Problem in Github aufstellen. – nqngo
nicht bekommen, was Sie wollen :( –