set `TextBlock.TextAlignment` to `Right` in `DataGridTextColumn.ElementStyle` will cause text overflow to right edge

[ahdung]

Description

set TextBlock.TextAlignment to Right in DataGridTextColumn.ElementStyle will cause text overflow to right edge.

two thing can eliminate this:

1. drag move to change column width
   

2. when content longer than header
   

Reproduction Steps

Create a .net9.0-windows wpf project, and make a DataGrid like this:

<DataGrid>
  <DataGrid.Columns>
    <DataGridTextColumn Header="sss" Binding="{Binding}">
      <DataGridTextColumn.ElementStyle>
        <Style TargetType="TextBlock">
          <Setter Property="Background" Value="CornflowerBlue"></Setter><!--for check-->
          <Setter Property="TextAlignment" Value="Right"></Setter>
        </Style>
      </DataGridTextColumn.ElementStyle>
    </DataGridTextColumn>
  </DataGrid.Columns>
  <DataGrid.Items>
    <system:String>0</system:String>
  </DataGrid.Items>
</DataGrid>

Expected behavior

Actual behavior

see description.

Regression?

I don't know

Known Workarounds

No response

Impact

No response

Configuration

.net9.0-windows wpf project
windows 10 22H2 x64 chinese lang

Other information

No response

[lindexi]

@ahdung Could you test the other font family?

[ahdung]

@lindexi Yes, this is Courier New, same issue:

<DataGrid>
  <DataGrid.Columns>
    <DataGridTextColumn Header="sss" Binding="{Binding}">
      <DataGridTextColumn.ElementStyle>
        <Style TargetType="TextBlock">
          <Setter Property="Background" Value="CornflowerBlue"></Setter><!--for check-->
          <Setter Property="TextAlignment" Value="Right"></Setter>
          <Setter Property="FontFamily" Value="Courier New"></Setter>
        </Style>
      </DataGridTextColumn.ElementStyle>
    </DataGridTextColumn>
  </DataGrid.Columns>
  <DataGrid.Items>
    <system:String>0</system:String>
  </DataGrid.Items>
</DataGrid>

[ahdung]

And chinese character, more eye catching:

[lindexi]

@ahdung It seems shows good when use "微软雅黑"(Microsoft YaHei)

        <DataGrid>
            <DataGrid.Columns>
                <DataGridTextColumn Header="sss" Binding="{Binding}">
                    <DataGridTextColumn.ElementStyle>
                        <Style TargetType="TextBlock">
                            <Setter Property="Background" Value="CornflowerBlue"></Setter>
                            <!--for check-->
                            <Setter Property="TextAlignment" Value="Right"></Setter>
                            <Setter Property="FontFamily" Value="微软雅黑"></Setter>
                        </Style>
                    </DataGridTextColumn.ElementStyle>
                </DataGridTextColumn>
            </DataGrid.Columns>
            <DataGrid.Items>
                <system:String>0</system:String>
            </DataGrid.Items>
        </DataGrid>

My demo code: https://github.com/lindexi/lindexi_gd/tree/6cd3056ad3698fae5dc29e8f00187b0a18750a64/WPFDemo/BerlallkilifeherYaybearbohearfake

[ahdung]

my situation:

[ahdung]

wait, I use your project and it is all good, let me check a check.

[ahdung]

I know, when you use TextOptions.TextFormattingMode="Display", and you'll meet this on chinese char:

when you add FontSize="14", english char also occured:

[ahdung]

My opinio, it is not about text render, it's about TextBlock layout issue in DataGrid, because TextBlock outside DataGrid no this issue, and drag move to change the column width can fix it.