imko

У тебя прокручивается и страница - html и тело - body. Это залипание прокрутка боди, она небольшая и когда ты его докручиваешь, следующим жестом крутишь уже страницу. Ищи что пробивает боди и чини размеры

UPD: я так уж и быть нашел) Это размеры svg в иконках

UPD: в фаерфоксе в девтулзах есть явное указание какие элементы прокручиваемые на текущий момент, пользуйся в следующий раз)

Ну... что работало не сломается) Новые вещи работать не станут

Просто меняй ему прозрачность - opacity. За плавное изменение отвечать будет правило transition

https://developer.mozilla.org/en-US/docs/Web/CSS/s...

Ну например просто clip-path с полной обрезки до нулевой

Укажи бордеру цвет с альфа каналом, вместо прозрачности всего инпута

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

https://caniuse.com/native-filesystem-api

Все советы по улучшению производительности сам pagespeed и пишет по результатам теста. С метриками может помочь отложенная загрузка