Peculiar behaviour upon rapid animation changing

[Aurumaker72]

When changing visibility before animation ends, weird flickering behaviour occurs. Possible fix would be not allowing animations to stack on current element. Here's a XAML example to concretize the issue:

                                 <Style.Triggers>
                                    <DataTrigger Binding="{...}">
                                        <DataTrigger.EnterActions>
                                            <BeginStoryboard x:Name="Temp_Animation" Storyboard="{StaticResource FadeOutAnimation}"/>
                                        </DataTrigger.EnterActions>
                                        <DataTrigger.ExitActions>
                                            <StopStoryboard BeginStoryboardName="Temp_Animation"/>
                                            <BeginStoryboard Storyboard="{StaticResource FadeInAnimation}"/>
                                        </DataTrigger.ExitActions>
                                    </DataTrigger>
                                </Style.Triggers>

And here is a video. Note the flickering

[Aurumaker72]

I have investigated by rewriting the base logic and it does not seem fixable :(

Edit:

The storyboard.Stop() call inside completed lambda callback is a culprit. You are not supposed to kill storyboard clock manually

Post post scriptum:

The issue is mainly caused by blindly setting Visibility inside storyboard completion callback

[Aurumaker72]

Here's a gist with a working example

Edit:

Fixed major oversight

Edit addendum:

Rewrote everything