Use document.documentElement.clientHeight instead of window.innerHeight

[roman-kaspar]

Hello Mikhail,

I like your library and am using it on my projects. However, recently I encountered this WebKit issue (WebKit runs PWAs on iOS): https://bugs.webkit.org/show_bug.cgi?id=170595

TL;DR version of the issue is that one cannot rely on window.innerHeight after rotating the phone back and forth (several times), as it has useless / bogus values. In the thread they recommend using document.documentElement.clientHeight instead.

I updated the getWindowHeight.js file like that (still having window.innerHeight as a fallback) and tested it on desktop, mobile Safari on iOS, and with my testing PWA in WebKit on iOS as well. Works nicely everywhere.

In this PR there are two commits, first one with the one-line change as described above, in the second commit I updated some dependencies and CHANGELOG.mg and bumped the version in case you decide to merge the PR.

PS: I checked the reported issues here as well, and believe it is the same problem, so perhaps this change might address them as well...

In case you'd like me to update this PR in any way, please let me know.

Cheers,
-Roman

[mvasin]

This PR closes #13, [email protected] is already live on npm. Thank you, Roman!

[pbarbiero]

This, unfortunately breaks chrome when you hide the url bar. Chrome > 56 correctly updates innerHeight, but not clientHeight.

[mvasin]

Thank you for your comment, @pbarbiero! We will try to fix it in #30