Fixes text/content truncation on several Layout sample pages when viewed at reflow dimensions (400% zoom / narrow window / portrait orientation) (#782)

wnvko-msft · Copilot · web-flow · commit 4de729e486f0 · 2026-07-06T12:00:58.000+05:30
* Fix text truncation on Grid page at reflow dimensions (WCAG 1.4.10)

* Fix text truncation on Border page at reflow dimensions (WCAG 1.4.10)

Co-authored-by: Copilot &lt;223556219+Copilot@users.noreply.github.com&gt;

* Fix Submit button truncation on GroupBox page at reflow dimensions (WCAG 1.4.10)

Co-authored-by: Copilot &lt;223556219+Copilot@users.noreply.github.com&gt;

* Fix text truncation on ResizeGrip page at portrait dimensions (WCAG 1.4.10)

---------

Co-authored-by: Copilot &lt;223556219+Copilot@users.noreply.github.com&gt;
diff --git a/Sample Applications/WPFGallery/Views/Layout/BorderPage.xaml b/Sample Applications/WPFGallery/Views/Layout/BorderPage.xaml
@@ -19,6 +19,12 @@
     Foreground="{DynamicResource TextFillColorPrimaryBrush}"
     mc:Ignorable="d">
 
+    <Page.Resources>
+        <Style TargetType="TextBlock">
+            <Setter Property="TextWrapping" Value="Wrap"/>
+        </Style>
+    </Page.Resources>
+
     <Grid x:Name="ContentPagePane" Height="Auto">
 
         <Grid.RowDefinitions>
diff --git a/Sample Applications/WPFGallery/Views/Layout/GridPage.xaml b/Sample Applications/WPFGallery/Views/Layout/GridPage.xaml
@@ -10,6 +10,12 @@
       Title="GridPage"
       Foreground="{DynamicResource TextFillColorPrimaryBrush}">
 
+    <Page.Resources>
+        <Style TargetType="TextBlock">
+            <Setter Property="TextWrapping" Value="Wrap"/>
+        </Style>
+    </Page.Resources>
+
     <Grid x:Name="ContentPagePane" Height="Auto">
 
         <Grid.RowDefinitions>
diff --git a/Sample Applications/WPFGallery/Views/Layout/GroupBoxPage.xaml b/Sample Applications/WPFGallery/Views/Layout/GroupBoxPage.xaml
@@ -26,7 +26,7 @@
    Header=&quot;User Information&quot; &#10;
    HorizontalAlignment=&quot;Left&quot; &#10;
    VerticalAlignment=&quot;Center&quot; &#10;
-   Width=&quot;400&quot;&gt;&#10;
+   MaxWidth=&quot;400&quot;&gt;&#10;
     &lt;StackPanel&gt;&#10;
         &lt;StackPanel Orientation=&quot;Horizontal&quot;&gt;&#10;
             &lt;TextBlock Width=&quot;100&quot; Text=&quot;Name:&quot; /&gt;&#10;
@@ -42,7 +42,7 @@
                           Header="User Information" 
                           HorizontalAlignment="Left" 
                           VerticalAlignment="Center" 
-                          Width="400">
+                          MaxWidth="400">
                             <StackPanel>
                                 <StackPanel Orientation="Horizontal">
                                     <TextBlock Width="100" Text="Name:" />
diff --git a/Sample Applications/WPFGallery/Views/Layout/ResizeGripPage.xaml b/Sample Applications/WPFGallery/Views/Layout/ResizeGripPage.xaml
@@ -10,6 +10,12 @@
       Title="ResizeGripPage"
       Foreground="{DynamicResource TextFillColorPrimaryBrush}">
 
+    <Page.Resources>
+        <Style TargetType="TextBlock">
+            <Setter Property="TextWrapping" Value="Wrap"/>
+        </Style>
+    </Page.Resources>
+
     <Grid>
         <Grid x:Name="ContentPagePane" Height="Auto">
             <Grid.RowDefinitions>
