UserControl's content that exceeds its dimensions is clipped by Scrollviewer which contains that UserControl.

See more:

WPF

Dear all,

In my WPF project I have MainWindow with Scrollviewer in it. Inside the Scrollviewwer is UserControl1 (which inherits from UserControl) that I defined in separate xaml file. That UserControl1 has Rectangle defined in it and that rectangle exceeds dimensions of the UserControl1, namely its lower edge is beneath lower edge of the UserControl1. The rectangle is not clipped by UserControl1 but is by the Scrollviewer.

If this is not clear enough, here is more precise explanation (contents of 2 xaml files which describes my 2 classes MainWindow and UserControl1):

MainWindow.xaml:

<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="clr-namespace:clippingIsue1"
    x:Class="clippingIsue1.MainWindow"
    x:Name="Window"
    Title="MainWindow"
    Width="640" Height="480">
    <Grid x:Name="LayoutRoot" Background="White">
        <ScrollViewer x:Name="scv" HorizontalAlignment="Left" Margin="73,108,0,0" Width="242" Background="Silver" Height="70" VerticalAlignment="Top">
            <local:UserControl1 x:Name="uc1" Width="Auto" Height="39" VerticalAlignment="Top"/>
        </ScrollViewer>
    </Grid>
</Window>

UserControl1.xaml

<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    x:Class="clippingIsue1.UserControl1"
    x:Name="UserControl" Width="371.5" Height="30">
    <Grid x:Name="LayoutRoot" Background="#FF9D0404">
        <Rectangle x:Name="rt" Fill="#FF5A5AD2" Stroke="Black" Height="200" Margin="8,8,8,-178"/>
    </Grid>
</UserControl>

My questions are:

1. Why is this happening?
2. What can I do to make my Scrollviewer either not clip the Rectangle, so it exceeds Scrollviewer dimensions, too, or allow scrolling, so that user can scroll down to see the rest of the rectangle?

Thanks in advance.