RadDockLayout resolve issue

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
             x:Class="xxx.MainPage">
    <ScrollView>
 <telerik:RadDockLayout>
  <Grid x:Name="titlePanel"
                  HeightRequest="60"
                  BackgroundColor="{StaticResource AccentColor8}"
                  IsVisible="{Binding IsTitlePanelVisible}"
                  telerik:RadDockLayout.Dock="{Binding TitlePanelDock, Converter={StaticResource StringToDockConverter}}">
                <Label Text="Title" TextColor="White"/>
            </Grid>
            <Grid x:Name="navigationPanel"
                  HeightRequest="60"
                  BackgroundColor="#ADD9FC"
                  IsVisible="{Binding IsNavigationPanelVisible}"
                  telerik:RadDockLayout.Dock="{Binding NavigationPanelDock, Converter={StaticResource StringToDockConverter}}">
                <Label Text="Navigation" />
            </Grid>
            <Grid x:Name="listPanel"
                  WidthRequest="120"
                  BackgroundColor="#DFDFDF"
                  IsVisible="{Binding IsListPanelVisible}"
                  telerik:RadDockLayout.Dock="{Binding ListPanelDock, Converter={StaticResource StringToDockConverter}}">
                <VerticalStackLayout Margin="20">
                    <Label Text="List" FontSize="Small" Margin="0"/>
                    <Label Margin="0" Text="&#xE84A;" FontSize="50"/>
                    <Label Margin="0" Text="&#xE84A;" FontSize="50"/>
                    <Label Margin="0" Text="&#xE84A;" FontSize="50"/>
                    <Label Margin="0" Text="&#xE84A;" FontSize="50"/>
                </VerticalStackLayout>
            </Grid>

        </telerik:RadDockLayout>
    </ScrollView>
    
</ContentPage>