[2:26 PM] Darga, Suresh - Dell Team
Needed Help regarding pointerOver is not working Properly in Winui3


When we mouse over on button, sometimes border is getting highlighted and sometimes not.

Here is the code snippet for button style:

 <Style x:Key="Style_Button_Common_Navigation_Overlay" TargetType="Button">        <Setter Property="Background" Value="{StaticResource brush_static_shade_color1}" />        <Setter Property="BorderBrush" Value="{StaticResource brush_static_shade_color2}"/>        <Setter Property="Foreground" Value="{StaticResource shade_color6}" />        <Setter Property="BorderThickness" Value="1" />        <Setter Property="HorizontalAlignment" Value="Left" />        <Setter Property="VerticalAlignment" Value="Top" />        <Setter Property="FontSize" Value="20" />        <Setter Property="FontWeight" Value="Normal" />        <Setter Property="Margin" Value="20,21,21,0" />        <Setter Property="Visibility" Value="Visible" />        <Setter Property="Opacity" Value="1" />        <Setter Property="FontFamily" Value="{StaticResource Font_Pill_300_Thin}" />        <Setter Property="UseSystemFocusVisuals" Value="True" />        <Setter Property="Template">            <Setter.Value>                <ControlTemplate TargetType="Button">                    <Grid x:Name="RootGrid">                        <ToolTipService.ToolTip>                            <ToolTip Content="{TemplateBinding Tag}" FontFamily="{StaticResource Font_Pill_300_Regular}" FontSize="{StaticResource FontSize_Small}" Placement="Right" HorizontalOffset="7" Foreground="{StaticResource brush_static_shade_color6}" Background="{StaticResource brush_primary_highlight_color}" CornerRadius="10"></ToolTip>                        </ToolTipService.ToolTip>                        <VisualStateManager.VisualStateGroups>                            <VisualStateGroup x:Name="CommonStates">

                                <VisualState x:Name="Normal">                                    <Storyboard>                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SharedBorder" Storyboard.TargetProperty="BorderBrush">                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource shade_color2}" />                                        </ObjectAnimationUsingKeyFrames>                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SharedBorder" Storyboard.TargetProperty="BorderThickness">                                            <DiscreteObjectKeyFrame KeyTime="0" Value="1" />                                        </ObjectAnimationUsingKeyFrames>                                        <PointerUpThemeAnimation Storyboard.TargetName="RootGrid" />                                    </Storyboard>                                </VisualState>                                <VisualState x:Name="PointerOver">                                    <Storyboard>                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SharedBorder" Storyboard.TargetProperty="BorderBrush">                                            <DiscreteObjectKeyFrame KeyTime="0" Value="{ThemeResource brush_primary_highlight_color}" />                                        </ObjectAnimationUsingKeyFrames>                                        <ObjectAnimationUsingKeyFrames Storyboard.TargetName="SharedBorder" Storyboard.TargetProperty="BorderThickness">                                            <DiscreteObjectKeyFrame KeyTime="0" Value="5" />                                        </ObjectAnimationUsingKeyFrames>                                    </Storyboard>                                </VisualState>                                                            </VisualStateGroup>                        </VisualStateManager.VisualStateGroups>                        <Border x:Name="SharedBorder"                                    BorderBrush="{TemplateBinding BorderBrush}"                                    BorderThickness="{TemplateBinding BorderThickness}"/>                        <StackPanel Orientation="Horizontal"                                     Padding="5,5,10,5"                                    HorizontalAlignment="Center"                                    VerticalAlignment="Center">                            <Path Data="{StaticResource Icon_Path_Data_OverlayButton}" Width="18" Height="18" Fill="{StaticResource shade_color6}"/>                        </StackPanel>                    </Grid>                </ControlTemplate>            </Setter.Value>        </Setter>    </Style>