Status bar overlays content after keyboard pops up

[Gonzalo]

Hello, I'm having an issue with a Kendo mobile application running on Windows Phone.

I was able to replicate this with a brand new app using the Blank UI template.

The problem is that after the virtual keyboard pops up when the user clicks on an input field, the view content gets partially hidden by the status bar even after the keyboard is dismissed. Attached are a few screenshots of the issue, and below is the view's html:

 

<div data-role="view" data-title="Home View" data-layout="main" data-model="app.home" data-show="app.home.onShow" data-after-show="app.home.afterShow">
    <ul data-role="listview" data-type="inset">
        <li>
            <label>
                <span>Home Phone</span>
                <input type="text" />
            </label>
        </li>
        <li>
            <label>
                <span>Home Phone</span>
                <input type="text" />
            </label>
        </li>
        <li>
            <label>
                <span>Home Phone</span>
                <input type="text" />
            </label>
        </li>
        <li>
            <label>
                <span>Home Phone</span>
                <input type="email" />
            </label>
        </li>
        <li>
            <label>
                <span>Home Phone</span>
                <textarea></textarea>
            </label>
        </li>
    </ul>
</div>

How can I solve this?

[Tsvetina]

Hi Gonzalo,

I replied in your support ticket about the same problem, but in case anyone encounters the same problem, the fix that usually works is to change the target Windows Phone SDK (project properties-> Windows Phone-> SDK Version) to 8.1 and re-deploying the app. 

I should note that the result from this fix can be observed only when the app is deployed directly on a device and not inside the companion app. 

Regards,
Tsvetina
Telerik