Android: Webview: Improper support for VH and VW CSS measurement units

[lolz0r]

It appears that the CSS unit values VH and VW are not properly supported in react native's android webview. It looks like the system is treating these measurement values as 0's. I have verified that the same CSS / markup is properly loaded when viewed in a standard web browser on the device, just not when using a webview within a react native app.

I am using react native 0.24 on android. The same setup works correctly when using the IOS version of react native.

http://snook.ca/archives/html_and_css/vm-vh-units

Please advise :)

[fikisipi]

The React WebView is just a thin wrapper of the native WebView and it has no control over CSS3 support. Please close this issue and try searching for help on webdev and Android forums. (I would suggest using viewport unit polyfill)

[charpeni]

@lolz0r Can you try with 0.25.0-rc ?

Android WebView now uses WebChromeClient, maybe this fixes the issue.

[grabbou]

Make sure viewport is supported on your Android version -> http://caniuse.com/#feat=viewport-units

Otherwise, as @dimitrovskif suggested, you are most likely to find a faster answer on Stack Overflow :)