Material-design-lite: Плохое расположение всплывающих подсказок

Интересный баг. Я могу подтвердить, что это происходит из-за преобразования, но я не понимаю _почему_. Это должно быть решено, так как это может быть довольно распространенным явлением, которое сейчас делается с недавним толчком к анимации в Интернете.

ТИЛЬ!

Наблюдаемое поведение соответствует спецификации CSS :

Для элементов, компоновка которых регулируется блочной моделью CSS, любое значение преобразования, отличное от none, приводит к созданию как контекста наложения, так и содержащего блока. Объект действует как содержащий блок для потомков с фиксированным положением.

Наши всплывающие подсказки расположены с помощью position: fixed . Это означает, что, применяя преобразование — даже если это NOP — вы перемещаете начало координат для фиксированного позиционирования.

Простое решение — переместить всплывающую подсказку в другой контейнер (или body ).

Хм, очень интересно. По крайней мере, теперь мы знаем и можем указать людям здесь, если это произойдет снова. Спасибо за исследование @surma!