WPF - How to stop TextBox from autosizing?

Question

I have a textbox in my visual tree as follows..

Window
- Grid
  - ListBox
    - ItemTemplate
      - DataTemplate
        
        Grid
        
        Grid
        
        Textbox...

The textbox is defined as..

<TextBox Height="Auto" 
         Text="{Binding Path=LyricsForDisplay}" 
         MinHeight="50" 
         MaxHeight="400"  
         Visibility="Visible" 
         VerticalScrollBarVisibility="Auto" 
         IsReadOnly="True" 
         AllowDrop="False" 
         TextWrapping="WrapWithOverflow">
</TextBox>

When long text is added to the bound variable (LyricsForDisplay) all of the items in the listbox expand their textboxes/grids width's to allow for the entire string to be seen if you use the scrollbar on bottom that appears...

What I would like to do is make it so the boxes/grids only resize if the user stretches the window .. NOT when a long text is entered (it could just wrap around..)

Does anyone know how to obtain the functionality?

score 10 · Answer 1 · answered Feb 21 '17 at 14:41

Unfortunately, the regular TextBox doesn't allow autoresize to fit the parent but NOT autoresize when the text doesn't fit.

To solve this problem, you can use a custom TextBox that reports a desired (0, 0) size. It's an ugly hack, but it works.

In your .xaml.cs file:

public class TextBoxThatDoesntResizeWithText : TextBox
{
    protected override Size MeasureOverride(Size constraint)
    {
        return new Size(0, 0);
    }
}

Then, in your .xaml file:

<Window x:Class="YourNamespace.YourWindow"
    ...
    xmlns:local="clr-namespace:YourNamespace">
        ...
        <local:TextBoxThatDoesntResizeWithText Height="Auto" 
                                               Text="{Binding Path=LyricsForDisplay}" 
                                               MinHeight="50" 
                                               MaxHeight="400"  
                                               Visibility="Visible" 
                                               VerticalScrollBarVisibility="Auto" 
                                               IsReadOnly="True" 
                                               AllowDrop="False" 
                                               TextWrapping="WrapWithOverflow">
        </local:TextBoxThatDoesntResizeWithText>
        ...
</Window>

This was the only thing that worked for me! This feels like behaviour which should be part of the standard control. Cheers, @ajarov, saved me a lot of time spinning my wheels! — Pseudonymous, Nov 02 '18 at 09:37
Helped me as well! Easy solution, even though a bit 'hacky', thanks! — mephisto123, Jan 14 '20 at 12:51
Solved my problem too, after a lot of hair-tearing. In recent versions of C# the function can be a one-liner: `protected override Size MeasureOverride( Size constraint ) => Size.Empty;` — sidbushes, Jun 16 '21 at 14:53

score 10 · Answer 2 · answered Dec 17 '10 at 06:34

The following works:

<ListBox Name="ListBox1"
            ScrollViewer.HorizontalScrollBarVisibility="Disabled">
    <ListBox.ItemTemplate>
        <DataTemplate>
            <Grid>
                <Grid>
                    <TextBox TextWrapping="Wrap"></TextBox>
                </Grid>
            </Grid>
        </DataTemplate>
    </ListBox.ItemTemplate>
</ListBox>

Notice the use of ScrollViewer.HorizontalScrollBarVisibility="Disabled" and TextWrapping="Wrap".

score 4 · Answer 3 · edited Sep 28 '11 at 00:47

4

Something needs to contrain the horizontal width available to the TextBoxes, in this case you want to stop the ListBox from growing horizontally indefinitely:

<ListBox HorizontalScrollBarVisibility="Disabled"

edited Sep 28 '11 at 00:47

answered Dec 16 '10 at 22:06

Kent Boogaart

175,602
35
392
393

"The property 'HorizontalScrollBarVisility' was not found in type 'ListBox'." – Ryan Dec 17 '10 at 00:25
3

It's `ScrollViewer.HorizontalScrollBarVisibility` actually. – decyclone Dec 17 '10 at 06:28

score 2 · Answer 4 · answered May 20 '16 at 15:04

two change the code:
1- add border tag with your grid.column and grid.row size that you are neads.
2- width and height of textbox set to it.
sample:

 <Border x:Name="b" Margin="5"/>


  <TextBox Height="Auto" 
             Text="{Binding Path=LyricsForDisplay}" 
             MinHeight="50" 
             Width="{Binding ActualWidth, ElementName=b}" 
             Height="{Binding ActualHeight, ElementName=b}" 
             Visibility="Visible" 
             VerticalScrollBarVisibility="Auto" 
             IsReadOnly="True" 
             AllowDrop="False" 
             TextWrapping="Wrap">
    </TextBox>

score 0 · Answer 5 · answered Dec 17 '10 at 06:17

Try setting the the MaxWidth Property in Your Textbox

<TextBox Height="Auto" Text="{Binding Path=LyricsForDisplay}" MinHeight="50" MaxHeight="400"  Visibility="Visible" VerticalScrollBarVisibility="Auto" MaxWidth="100" IsReadOnly="True" AllowDrop="False" TextWrapping="WrapWithOverflow">                            </TextBox>

WPF - How to stop TextBox from autosizing?

5 Answers5

Linked