GridView SearchPanel clear button not working

[Remus]

Hi, I am using the following code for the search as you type control inside a grid view:

<ControlTemplate x:Key="GridViewSearchPanelTemplate" TargetType="grid:GridViewSearchPanel">
        <Border BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}">
            <Grid UseLayoutRounding="True">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition/>
                    <ColumnDefinition Width="Auto"/>
                </Grid.ColumnDefinitions>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="Auto"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <TextBlock
                            telerik:LocalizationManager.ResourceKey="GridViewSearchPanelTopText"
                            TextWrapping="Wrap"
                            Margin="{TemplateBinding Padding}"
                            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                            VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                            IsHitTestVisible="False"/>
                    <Grid Grid.Column="1" Margin="10 0 10 0" VerticalAlignment="Center">
                        <TextBox x:Name="PART_SearchAsYouTypeTextBox"
                                AutomationProperties.Name="search as you type textBox"
                                Text="{Binding SearchText, Mode=TwoWay}"
                                MinWidth="160"
                                MaxWidth="200"
                                MinHeight="20"
                                Padding="3 3 15 3"
                                telerik:StyleManager.Theme="{StaticResource Theme}"
                                telerik:TextBoxBehavior.UpdateTextOnEnter="True"
                                FontSize="{Binding FontSize, RelativeSource={RelativeSource TemplatedParent}}"
                                IsTabStop="{TemplateBinding IsTabStop}"/>
                        <telerik:RadButton x:Name="ClearButton"
                                IsTabStop="False"
                                Visibility="Collapsed"
                                Style="{StaticResource ClearSearchValueButtonStyle}"
                                Command="searchPanel:GridViewSearchPanelCommands.ClearSearchValue"/>
                        <Grid.Triggers>
                            <EventTrigger RoutedEvent="MouseEnter">
                                <BeginStoryboard>
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ClearButton" Storyboard.TargetProperty="Visibility">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Visible</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </BeginStoryboard>
                            </EventTrigger>
                            <EventTrigger RoutedEvent="MouseLeave">
                                <BeginStoryboard>
                                    <Storyboard>
                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="ClearButton" Storyboard.TargetProperty="Visibility">
                                            <DiscreteObjectKeyFrame KeyTime="0">
                                                <DiscreteObjectKeyFrame.Value>
                                                    <Visibility>Collapsed</Visibility>
                                                </DiscreteObjectKeyFrame.Value>
                                            </DiscreteObjectKeyFrame>
                                        </ObjectAnimationUsingKeyFrames>
                                    </Storyboard>
                                </BeginStoryboard>
                            </EventTrigger>
                        </Grid.Triggers>
                    </Grid>
                </Grid>
                <telerik:RadPathButton x:Name="CloseButton"
                        PathGeometry="M1,0 L4,3 L7,0 L8,1 L5,4 L8,7 L7,8 L4,5 L1,8 L0,7 L3,4 L0,1 z"
                        Visibility="{TemplateBinding CloseButtonVisibility}"
                        Grid.Column="1"
                        Width="22"
                        Height="22"
                        Padding="7"
                        Margin="0 5 5 5"
                        IsBackgroundVisible="False"
                        IsTabStop="False"
                        HorizontalAlignment="Right"
                        VerticalAlignment="Center"
                        Command="controls:RadGridViewCommands.CloseSearchPanel"/>
            </Grid>
        </Border>
    </ControlTemplate>

The ClearButton is never enabled and because of this the command, nor the mouse hovering doesn't work. If I remove the command the button is enabled, so it would seem that the CanExecute of the command never returns true. Why is that?

I am using telerik version 2022.1.222

[Martin Ivanov]

I have tested your code, but the ClearButton is enabled and working on my side. Can you check the attached project and tell me if I am missing anything?