Problem with using On Screen Keyboard in TabView on Android

[Hal]

I am using TabView with few Input lines (used for settings) on each tab.  I use RadNumericalInput (have also tried RadEntry) as the Input Control.

When I focus an entry on the first tab, the On Screen Keyboard shows up and the screen moves up so that the Input Control is visible while I type in the value.

When I do the same on the second, or the third tab, the screen does not move, and the Input Control is hidden behind the keyboard.

Is this a bug, or is there a way to correct this.

Hal Einarsson.

[Yana]

Hi Hal,

I'd need some more information on the scenario, as I've tried to reproduce the described erroneous behavior in a sample app, still, without much success.

I've attached my test app, can you modify it with any missing code, so that the issue can be replicated with it, and send it back for further research?

I'll be looking forward to your reply.

[Hal]

Hello Yana,

Thank you for looking into this.

I tried to deploy your app on my android device but got some errors.  I did run it on Windows and I see that each tab has only two inputs that are at the top of the tab, so the keyboard will not hide them.  My problem is with the inputs that are lower on the page, and behind the keyboard when it shows up.  I did make a video of it, but don't know how to post it here.  I did some screen shots from the video and attached them here.

You might try to add more fields to the tabs, so that the bottom input fields are at the bottom of the screen.  Then test these bottom input fields of each tab.

With thanks, Hal.

[Didi]

Hi,

Could you please add the elements in a ScrollView and test whether this will solve the behavior? 

Here is a sample setup I tested:

    <telerik:RadTabView x:Name="tabView" AutomationId="tabView">
        <telerik:TabViewItem HeaderText="Home">
            <ScrollView>
                <Grid RowDefinitions="auto,*">
                    <VerticalStackLayout>

                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                    </VerticalStackLayout>
                    <VerticalStackLayout VerticalOptions="End" Grid.Row="1">
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <Entry />
                        <telerik:RadEntry />
                    </VerticalStackLayout>
                </Grid>
            </ScrollView>
        </telerik:TabViewItem>
        <telerik:TabViewItem HeaderText="Folder">
            <Label Margin="10" Text="This is the content of the Folder tab" />
        </telerik:TabViewItem>
        <telerik:TabViewItem HeaderText="View">
            <Label Margin="10" Text="This is the content of the View tab" />
        </telerik:TabViewItem>
    </telerik:RadTabView>

If the behavior still persists send me a sample project where I can test the behavior. 

Note: I have also tested without ScrollView and the keyboard does not overlap the input control at the bottom.