Rotate3DTransition超出布局容器显示异常

[daoyull]

视频演示

demo.mp4

视频中的代码

  <StackPanel>
        <!-- Semi 超出容器区域 -->
        <Border Theme="{DynamicResource CardBorder}">
            <Border.Styles>
                <semi:SemiTheme Locale="zh-cn" />
            </Border.Styles>
            <Expander BorderThickness="0" BorderBrush="Transparent"
                      Width="120"
                      Header="标题">
                <TextBlock
                    Text="Content"
                    TextWrapping="Wrap">
                </TextBlock>
                <Expander.ContentTransition>
                    <Rotate3DTransition Orientation="Vertical" Duration="0:0:0.5" />
                </Expander.ContentTransition>
            </Expander>
        </Border>
        <!-- Semi不超出容器区域 -->
        <Border Theme="{DynamicResource CardBorder}" Height="130">
            <Border.Styles>
                <semi:SemiTheme Locale="zh-cn" />
            </Border.Styles>
            <Expander BorderThickness="0" BorderBrush="Transparent"
                      Width="120"
                      Header="标题">
                <TextBlock
                    Text="Content"
                    TextWrapping="Wrap">
                </TextBlock>
                <Expander.ContentTransition>
                    <Rotate3DTransition Orientation="Vertical" Duration="0:0:0.5" />
                </Expander.ContentTransition>
            </Expander>
        </Border>
        <!-- 原生 -->
        <Border Theme="{DynamicResource CardBorder}" BorderThickness="1" BorderBrush="Gainsboro"
                Margin="3 10 3 0"
                Padding="10"
                CornerRadius="4">
            <Expander BorderThickness="0" BorderBrush="Transparent"
                      HorizontalAlignment="Center"
                      Width="120"
                      Header="标题">
                <TextBlock
                    Text="Content"
                    TextWrapping="Wrap">
                </TextBlock>
                <Expander.ContentTransition>
                    <Rotate3DTransition Orientation="Vertical" Duration="0:0:0.5" />
                </Expander.ContentTransition>
            </Expander>
        </Border>
    </StackPanel>

版本信息为

    <ItemGroup>
        <PackageReference Include="Avalonia" Version="11.1.1" />
        <PackageReference Include="Avalonia.Desktop" Version="11.1.1" />
        <PackageReference Include="Avalonia.Themes.Fluent" Version="11.1.1" />
        <PackageReference Include="Avalonia.Fonts.Inter" Version="11.1.1" />
        <!--Condition below is needed to remove Avalonia.Diagnostics package from build output in Release configuration.-->
        <PackageReference Condition="'$(Configuration)' == 'Debug'" Include="Avalonia.Diagnostics" Version="11.1.1" />
        <PackageReference Include="Semi.Avalonia" Version="11.1.0" />
    </ItemGroup>