The TextBlock.Padding value behaves unexpectedly.

[Tamilarasan-Paranthaman]

Describe the bug

The Padding value set on the TextBlock was not applied properly when TextBlock.TextWrapping was set to Wrap.

<StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center">
    <Border Background="Red">
        <TextBlock Text="Maria Anders Ant Fuller Maria Anders Ant Fuller Thomas Hardy Tim Adams Hanna Moos Martin King"
               TextWrapping="Wrap"
               Height="50"
               Padding="15,15,15,15"
               Width="250"/>
    </Border>
</StackPanel>

Steps to reproduce the bug

1. Create a new WinUI Desktop app.
2. Replace MainWindow XAML with the above.
3. Run the app in VS and see the TextBlock padding.

Expected behavior

It appears that the left and bottom padding was not applied to the TextBlock. The same code works fine with TextBox instead of TextBlock.

I have attached the image difference for both TextBlock (red background) and TextBox (green background) with the same configuration.

I'm not sure if it is a bug or if it works as intended.

Screenshots

No response

NuGet package version

WinUI 3 - Windows App SDK 1.5.4: 1.5.240607001

Windows version

Windows 11 (22H2): Build 22621

Additional context

No response

[github-actions]

Hi I'm an AI powered bot that finds similar issues based off the issue title.

Please view the issues below to see if they solve your problem, and if the issue describes your problem please consider closing this one. Thank you!

Open similar issues:

• TextBlock.LineHeight behaves unexpectedly (#9528), similarity score: 0.73

Closed similar issues:

• Setting Padding for a TabViewItem causes a cascade failure at runtime while computing element size (#8198), similarity score: 0.72
• FontIcon and SymbolIcon has weird padding on Windows 10 (#9104), similarity score: 0.72
• Text wrapping does not work with textblock control inside a WinUI Breadcrumb (#8653), similarity score: 0.72
• Can't remove padding of custom ContentDialog WinUI3 (#7659), similarity score: 0.72

Note: You can give me feedback by thumbs upping or thumbs downing this comment.

[codendone]

Yes, this is working as expected.

Left padding is working correctly in your image, otherwise the text would be tight against the left side of the red rectangle. (There is more space on the right side due to where the text wrapped.)

Bottom padding doesn't really get used. The Padding property impacts where the text is positioned (top+left) and where it wraps (right). The text with those layout constraints then gets drawn. TextBlock.Padding does not apply a clip if there is too much text.