Safary и Chrome мобильные устройства - позиционирование футера

[Faab]

Бобра всем!

Обычно элемент (футер) прибить к bottom экрана просто:
- или через абсолтное позиционирование и свойство bottom
- через свойство height в vh
- через flex

Но у сафари (и теперь с недавних пор Chrome) для мобильных устройств стандартные методы вызывают эффект описанный в этой статье:
Ссылка на описание бага

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

Сейчас я кое как решил этот эффект путём JS : вычисляю реальную видимую рабочую высоту экрана (в которую не входит интерфейс браузера), вычисляю высоту элемента, который я хочу прибить к низу, и абсолютно его позиционирую от начала видимого окна браузера - таким образом элемент всегда прижат к нижней видимой части браузера.

Но есть ли другие решения? Моё решение меня не устраивает потому что позиционированный моим способом футер начинает гулять по всему экрану при маштабировании. А автоматическое маштабирование на iOS устройствах может включиться при фокусировании на инпуты (если в них шрифт меньше размером 16px). Возможно есть и другие кейсы, когда происходит автоматическое маштабирование. 

Кто что знает по этой проблеме? Ребят, помогите - не верю что за пять лет не нашли решение!!!