problem with panels when the keyboard is displayed

Bug Reports
1

Hi,

I have a problem with panels when the keyboard is displayed:

file

My Code:

MainView.ux

<App Theme="Basic">
    <JavaScript File="MainView.js" />
    <DockPanel>
        <TopFrameBackground DockPanel.Dock="Top" />
        <BottomFrameBackground DockPanel.Dock="Bottom"/>
        <Splash Visibility="{splashVisibility}" />
        <LoginPage Visibility="{loginVisibilty}" />
    </DockPanel>
</App>

LoginPage.ux

    <Panel Background="#000" Alignment="Default">
        <JavaScript File="LoginPage.js" />
        <Style>
            <Text TextColor="#ffffff" />
            <TextInput PlaceholderColor="#ffffff80" TextColor="#ffffff" CaretColor="#ffffff" />
        </Style>

        <!-- Button colors -->
        <float4 ux:Key="C600" ux:Value="#8869e5" />
        <float4 ux:Key="C700" ux:Value="#6447b3" />
        <float4 ux:Key="CFillFore" ux:Value="#644793" />


        <Grid Rows="1*,1*">
            <StackPanel Alignment="Center" Margin="50,0,50,0">
                <Text FontSize="50">My APP</Text>
                <Text ux:Name="Description" TextWrapping="Wrap" TextAlignment="Center" Opacity=".8" Value='Description'>
                    <WhileKeyboardVisible>
                        <Change Description.Visibility="Collapsed"/>
                    </WhileKeyboardVisible>
                </Text>
            </StackPanel>
            <StackPanel Alignment="VerticalCenter" Margin="50,0,50,0">
                <TextInput PlaceholderText="Correo Electrónico" Value="{username}" />
                <TextInput PlaceholderText="Contraseña" IsPassword="true" Value="{password}" />
                <Text TextAlignment="Right" Padding="0,0,8,10">Olvidé mi Contraseña</Text>
                <Button Text="Iniciar Sesión" IsEnabled="{areCredentialsValid}" />
            </StackPanel>
        </Grid>
    </Panel>

I’ve done tests and I think that the problem is in these 2 files, the StackPanel do not respect the GRID when you enter text.

2

Hi!

Thanks for reporting, this issue should be fixed, will confirm tomorrow if it goes out in the upcoming release.

You can remove the Alignment="VerticalCenter" from <StackPanel Alignment="VerticalCenter" Margin="50,0,50,0"> as a workaround until the fix is released :slight_smile:

3

Yup! This is fixed and will be out in the next release :slight_smile: