Hi folks,

I am following the 100 Days of SwiftUI challenge and for the Animating Bindings explanation I got a strange animation behavior when applying the same code of the presentation.

My full code is:

import SwiftUI

struct ContentView: View {

    @State private var animationAmount: CGFloat = 1

    var body: some View {

        print(animationAmount)

        return VStack {

            Stepper("Scale amount", value: $animationAmount.animation(
                Animation.easeInOut(duration: 1)
                .repeatCount(3, autoreverses: true)
            ), in: 1...10)

            Spacer()

            Button("Tap here!") {
                self.animationAmount += 1
            }
            .padding(40)
            .background(Color.red)
            .foregroundColor(Color.white)
            .clipShape(Circle())
            .scaleEffect(animationAmount)
        }

    }
}

Everything goes fine if I use the Stepper view as Stepper("Scale amount", value: $animationAmount.animation(), in: 1...10) and the animationAmount reaches a limit of 10 and I can't increase the button size. But if I run the above mentione code (adding modifiers inside the Stepper view) and press the + button quickly I can have animationAmount values greater than 10 (even specifying the range in: 1...10). Am I missing something here?

I am running Xcode Version 11.5 (11E608c) on Catalina 10.15.5.

Thank you very much @lchung678 . I just compiled the code again and the strange behavior has gone... Now works exactly as you described. I think I need to reduce caffeine... hahaha