e
99.99% это не нужно делать
да
animationstart эвент у инпута может подойти в этом случаеSize: a a a
2019 December 27
e
кстати
T
может проверить фокус или что-то другое?
ну вот я пытался, но пока ничего толком не сработало. Только
el.oninput но его потом не удалить как eventListenere
ну вот я пытался, но пока ничего толком не сработало. Только
el.oninput но его потом не удалить как eventListeneranimationstart проверьe
возможно придется добавить css или что-то такое
e
но это не точно)
T
цель какая?
на инпутах лежат лейблы, я их прячу по focusin и показываю по focusout (если инпут пустой = пользователь ничего не ввел). autofill влезает автоматом получается что текст в инпуте и лабел сливаются, выглядит плохо, вот пытаюсь понять как отслеживать автофилл чтобы лейблы прятать если он есть
e
на инпутах лежат лейблы, я их прячу по focusin и показываю по focusout (если инпут пустой = пользователь ничего не ввел). autofill влезает автоматом получается что текст в инпуте и лабел сливаются, выглядит плохо, вот пытаюсь понять как отслеживать автофилл чтобы лейблы прятать если он есть
а чисто css селектор отследить не выходит?
T
а чисто css селектор отследить не выходит?
он разный во всех браузерах, очень ненадежно, тк он иногда меняется между версиями. В хроме получилось, а в остальных - нет. Хочется более верного способа
e
он разный во всех браузерах, очень ненадежно, тк он иногда меняется между версиями. В хроме получилось, а в остальных - нет. Хочется более верного способа
самый верный это скрой label по умолчанию и после рендера через 1s (ну типо того) если value пустые - покажи их анимированно
e
тогда не будет промежутка времени где оно рендерится вместе (даже если решишь свой вопрос)
e
а вообще смотри как это сделано в google marerial design теме
e
там есть прыгающие label в инпутах
T
а вообще смотри как это сделано в google marerial design теме
Спасибо, посмотрю!
T
самый верный это скрой label по умолчанию и после рендера через 1s (ну типо того) если value пустые - покажи их анимированно
Попробую, да
T
value есть, я просто слишком рано смотрел. Если в уже отрисованном документе проверить через консоль (тупо
document.getElementById('login-form-name').value) то показывает. видимо надо с задержкой смотреть, да. СпасибоL
-webkit-autofill, можешь через js проверять, типо
.querySelector('input:-webkit-autofill')
.querySelector('input:-webkit-autofill')
.
L
value есть, я просто слишком рано смотрел. Если в уже отрисованном документе проверить через консоль (тупо
document.getElementById('login-form-name').value) то показывает. видимо надо с задержкой смотреть, да. СпасибоЭто не помогло?
L
Хотя ты уже решил
T
это не работает кроссбраузерно