There is a bug in Kendo Mobile where Kendo tries to be smart and work around the Mobile Safari bug where the footer obscures the bottom 20px in certain scenarios, which leads to a white strip appearing when run as a cordova application.
The Kendo workaround is defined in kendo.mobile.js as BROKEN_WEBVIEW_RESIZE ( line 16876 ). This line currently reads
BROKEN_WEBVIEW_RESIZE = OS.appMode && OS.ios,
but it should probably be either
BROKEN_WEBVIEW_RESIZE = ! OS.appMode && OS.ios,
or OS.appMode has a bug that leads it to return the wrong value.
Either way, the bug leads to the 20px "correction" to take place, resulting in a 20px high white strip at the bottom of the app.
This has been tested with cordova 3.3.1-0.1.2 and iOS 7.0.3 (simulator and device).
Thanks,
Max
The Kendo workaround is defined in kendo.mobile.js as BROKEN_WEBVIEW_RESIZE ( line 16876 ). This line currently reads
BROKEN_WEBVIEW_RESIZE = OS.appMode && OS.ios,
but it should probably be either
BROKEN_WEBVIEW_RESIZE = ! OS.appMode && OS.ios,
or OS.appMode has a bug that leads it to return the wrong value.
Either way, the bug leads to the 20px "correction" to take place, resulting in a 20px high white strip at the bottom of the app.
This has been tested with cordova 3.3.1-0.1.2 and iOS 7.0.3 (simulator and device).
Thanks,
Max