[Android] Animation doesn't work well

[limeniye]

Test repository

I have simple animation

UWP.mp4

But in the Android platfrom I have weird result

Android.mp4

Button click

        private void StartAnimationClicked(object sender, RoutedEventArgs e)
        {
            justStoryboard.Pause();
            justStoryboard = new Storyboard();

            SetTestStroyboard(TimeSpan.FromMilliseconds(2_000));

            justStoryboard.Begin();
        }

Animation

        private void SetTestStroyboard(TimeSpan timeSpan)
        {
            var renderTransform = animationBorder.RenderTransform as TranslateTransform;

            var elementVisualRelative = staticBorder.TransformToVisual(this);
            Point staticBorderPostition = elementVisualRelative.TransformPoint(new Point(0, 0));

            #region xAnimation
            DoubleAnimationUsingKeyFrames xAnimation = new DoubleAnimationUsingKeyFrames() { EnableDependentAnimation = true };
            xAnimation.KeyFrames.Add(new LinearDoubleKeyFrame() { Value = staticBorderPostition.X, KeyTime = KeyTime.FromTimeSpan(timeSpan) });
            Storyboard.SetTarget(xAnimation, renderTransform);
            Storyboard.SetTargetProperty(xAnimation, "X");
            #endregion

            #region yAnimation
            DoubleAnimationUsingKeyFrames yAnimation = new DoubleAnimationUsingKeyFrames() { EnableDependentAnimation = true };
            yAnimation.KeyFrames.Add(new LinearDoubleKeyFrame() { Value = staticBorderPostition.Y, KeyTime = KeyTime.FromTimeSpan(timeSpan) });
            Storyboard.SetTarget(yAnimation, renderTransform);
            Storyboard.SetTargetProperty(yAnimation, "Y");
            #endregion

            justStoryboard.Children.Add(xAnimation);
            justStoryboard.Children.Add(yAnimation);
        }

    <Grid>
        <Border x:Name="staticBorder" Background="Red" Height="80" Width="301" HorizontalAlignment="Left" VerticalAlignment="Top">
            <Border.RenderTransform>
                <TranslateTransform X="50" Y="50"/>
            </Border.RenderTransform>
        </Border>

        <Border x:Name="animationBorder" Background="Orange" Height="80" Width="301" HorizontalAlignment="Left" VerticalAlignment="Top">
            <Border.RenderTransform>
                <TranslateTransform X="150" Y="300"/>
            </Border.RenderTransform>
        </Border>

        <Button Content="Start" Click="StartAnimationClicked" Background="Red" Height="50"
                HorizontalAlignment="Stretch" VerticalAlignment="Bottom"/>
    </Grid>

• UWP
• WASM
• WPF Skia
• Mobile

[jeromelaban]

Thanks for the report, I've opened #7812 to track it. It's definitely not supposed to happen.