Почему супер-спецы гугла анимируют неэффективные значения? У вас тоже это выглядит убого?

Question

[ilovemaryjane]

Вообщем, загорелся сделать один функционал для хедера. Примеров не нашел, пришлось реализовывать самому. Сделал. И вот только что наткнулся на знаменитую, эталонную библу от Гугла Material Components Web и там точь в точь (внешне) такой же компонент. С той лишь разницей, что у них кода раз в 20 больше и анимируют они по какой-то неведомой причине top, а не translate3d как я. Я сначала обрадовался, мол, такие знатоки именитые подкинули код, щас поучусь как атцы делают. Но вот беда, открыв эту супер штуку у себя на мобиле (Андроид), я вижу какое-то недоразумение. Вместо того чтобы плавно выезжать туда-сюда хедер дерганно, судорожно двигается туда-сюда)

1. С какой целью они изменяют это значение, а не translate?
2. У вас также убого это выглядит как у меня? Откройте если не трудно на мобиле - https://material-components.github.io/material-com...

Comments

[Александр]

1. transform относительно новое css3 свойство и если задача стояла поддерживать старые браузеры, то юзать его не будут.

Если Вы негодуете по поводу того, что это говно а не библиотека, то проект как я понял опенсорсный и Вы можете поучаствовать в его фиксе.

[ilovemaryjane]

Александр, transform новое значение? Да ладно... У них там все на флексах вообще построено))) А вы про трансформ, который года так с 2012 вовсю юзают.

Я негодую не то что библа говно (я ее не юзаю), я просто представил если бы я ее нашел ДО того ак сам сделал. Я бы взял это за образец...Ну или я что-то не понимаю, поэтому и спрашиваю тут, почему они делают так. И как можно не видеть что оно жутко работает на мобиле? Вы пробовали открыть это? Как это можно юзать вообще? Как это можно было зарелизить? Как это можно было зарелизить ГУГЛУ?

[xmoonlight]

ilovemaryjane, а Есть ли способ перебить z-index? чем дело кончилось?

[ilovemaryjane]

xmoonlight, ничем) Насколько я понял это невозможно в силу устройства ДОМ (Stacking context) - https://developer.mozilla.org/en-US/docs/Web/CSS/C...

[xmoonlight]

ilovemaryjane, ну я ссылку там оставил - там как нужно. Не смотрел?

[ilovemaryjane]

xmoonlight, я же там написал. Ты 3 раза выложил одно и тоже))

[xmoonlight]

ilovemaryjane, я подправил там.
В ответе:

(one - сверху, two - под one, other - внизу)

Глянь... Так надо было или в каком порядке?

[ilovemaryjane]

Ответил там)