AvalonDock LayoutPanel not displaying in Visual Studio Design mode - avalondock

Question

I am using Dirkster99's AvalonDock (version 4.60.1) and the docking layout disappears in Design mode:
When running the application, it shows up fine:
XAML:
<Window x:Class="DockingTestWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:avalonDock="clr-namespace:AvalonDock;assembly=AvalonDock"
xmlns:avalonDockLayout="clr-namespace:AvalonDock.Layout;assembly=AvalonDock"
mc:Ignorable="d">
<Grid x:Name="MainGrid">
<!--#region Docking Manager -->
<avalonDock:DockingManager x:Name="dockingManager"
AllowMixedOrientation="True">
<avalonDockLayout:LayoutRoot x:Name="layoutRoot">
<avalonDockLayout:LayoutPanel x:Name="mainLayoutPanel"
Orientation="Horizontal">
<!--#region Main Left Column -->
<avalonDockLayout:LayoutPanel x:Name="leftPanel"
Orientation="Vertical"
DockWidth="4*">
<avalonDockLayout:LayoutPanel Orientation="Horizontal"
x:Name="left1"
DockHeight="3*">
<avalonDockLayout:LayoutAnchorablePane DockWidth="4*"
Name="left11">
<avalonDockLayout:LayoutAnchorable Title="A"
ContentId="A"
x:Name="A">
<Border Background="Red" />
</avalonDockLayout:LayoutAnchorable>
</avalonDockLayout:LayoutAnchorablePane>
</avalonDockLayout:LayoutPanel>
<avalonDockLayout:LayoutPanel Orientation="Horizontal"
x:Name="left2"
DockHeight="12*">
<avalonDockLayout:LayoutPanel x:Name="left21"
Orientation="Vertical"
DockWidth="5*">
<avalonDockLayout:LayoutAnchorablePane DockHeight="8*"
x:Name="left211">
<avalonDockLayout:LayoutAnchorable Title="C"
ContentId="c"
x:Name="c">
<Border Background="Orange" />
</avalonDockLayout:LayoutAnchorable>
</avalonDockLayout:LayoutAnchorablePane>
</avalonDockLayout:LayoutPanel>
<avalonDockLayout:LayoutPanel x:Name="left3"
Orientation="Vertical"
DockWidth="4*">
<avalonDockLayout:LayoutAnchorablePane DockHeight="3*"
x:Name="left31">
<avalonDockLayout:LayoutAnchorable Title="F"
ContentId="F"
x:Name="F">
<Border Background="Yellow" />
</avalonDockLayout:LayoutAnchorable>
</avalonDockLayout:LayoutAnchorablePane>
</avalonDockLayout:LayoutPanel>
</avalonDockLayout:LayoutPanel>
</avalonDockLayout:LayoutPanel>
<!--#endregion-->
<!--#region Main Right Column -->
<avalonDockLayout:LayoutPanel x:Name="rightPanel"
Orientation="Vertical"
DockWidth="3*">
<avalonDockLayout:LayoutAnchorablePane x:Name="right1">
<avalonDockLayout:LayoutAnchorable Title="K"
x:Name="K"
ContentId="K">
<Border Background="DodgerBlue" />
</avalonDockLayout:LayoutAnchorable>
</avalonDockLayout:LayoutAnchorablePane>
</avalonDockLayout:LayoutPanel>
<!--#endregion-->
</avalonDockLayout:LayoutPanel>
<!--#endregion-->
</avalonDockLayout:LayoutRoot>
</avalonDock:DockingManager>
</Grid>
</Window>
The behavior in Design mode is pretty erratic and was hoping someone has experienced this before and found a solution.
I have simplified the layout as much as possible in the above XAML and the problem still occurs.

Answer 1

I have the same issue with Dirkster99's AvalonDock (version 4.70.1) but with Visual Studio 2022 (Version 17.1.1) only. With VS 2019, it works OK.