WPF ComboBox with checkboxes and textbox with search field show text box on scroll

Question

How to display the textbox control on scroll of popup inside a combo box, this is continuation for WPF ComboBox with checkboxes and textbox with search field

Also I would like to display a line gap between text box and the combo box items binded

<Popup 
Name="Popup"
Placement="Bottom"                        
AllowsTransparency="True" 
Focusable="False"  IsOpen="{TemplateBinding IsDropDownOpen}"
PopupAnimation="Slide">
<Grid 
    Name="DropDown"
    SnapsToDevicePixels="True"  
    MinWidth="{TemplateBinding ActualWidth}"
    MaxHeight="{TemplateBinding MaxDropDownHeight}">
    <Border 
        x:Name="DropDownBorder"
        BorderThickness="1" Background="White"
        BorderBrush="Black"/>
    <ScrollViewer Margin="4,6,4,6" SnapsToDevicePixels="True" DataContext="{Binding}">
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <TextBox />
            <StackPanel Grid.Row="1" IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Contained" />
        </Grid>
    </ScrollViewer>
</Grid>

Do you want the TextBox to appear on top of the scrollviewer? — mm8, Aug 17 '18 at 13:23

mm8 · Accepted Answer · 2018-08-17T13:35:36.707

Try to put the ScrollViewer in the same Grid as the TextBox but in another row, e.g.:

<Popup 
    Name="Popup"
    Placement="Bottom"                        
    AllowsTransparency="True" 
    Focusable="False"  IsOpen="{TemplateBinding IsDropDownOpen}"
    PopupAnimation="Slide">
    <Grid 
        Name="DropDown"
        SnapsToDevicePixels="True"  
        MinWidth="{TemplateBinding ActualWidth}"
        MaxHeight="{TemplateBinding MaxDropDownHeight}">
        <Border 
            x:Name="DropDownBorder"
            BorderThickness="1" Background="White"
            BorderBrush="Black"/>
        <Grid Margin="4,6,4,6" SnapsToDevicePixels="True" DataContext="{Binding}">
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <TextBox />
            <ScrollViewer Grid.Row="1">
                <StackPanel IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Contained" />
            </ScrollViewer>
        </Grid>
    </Grid>
</Popup>

No Luck I am not able to see the total items – Learner Aug 17 '18 at 13:28 — Learner, Aug 17 '18 at 13:28

WPF ComboBox with checkboxes and textbox with search field show text box on scroll

1 Answers1

Linked