Searching for the problem, found answers were mostly about how to make controls flicker. Finally went to stackflow to find the answer. If you want the control to show when the mouse enters, you can use the Opacity property to control visibility.

code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<WrapPanel.Resources>
                                                <Style x:Key="WrapPanelStyle" TargetType="WrapPanel">
                                                    <Style.Setters>
                                                        <Setter Property="Opacity" Value="0"></Setter>
                                                    </Style.Setters>
                                                    <Style.Triggers>
                                                        <Trigger Property="IsMouseOver" Value="True">
                                                            <Setter Property="Opacity" Value="1"></Setter>
                                                        </Trigger>

                                                        <Trigger Property="IsMouseOver" Value="False">
                                                            <Setter Property="Opacity" Value="0"></Setter>
                                                        </Trigger>

                                                        <Trigger Property="IsFocused" Value="True">
                                                            <Setter Property="Background" Value="AliceBlue"></Setter>
                                                        </Trigger>
                                                    </Style.Triggers>
                                                </Style>
                                            </WrapPanel.Resources>

Insert image description here