NavigationStack inside NavigationSplitView broken animation

@HZApps First could you provide some code snippets for DetailView so we understand the context of how the navigation occurs.

You said

This example completely breaks the animation inside NavigationStack while navigating between different views, using withAnimation also breaks the navigation as the old view seems to be still in stack and is shown in the new view background.

Could you observe navigationPath and add some logs to see if the view is added and popped off the stack ?

@DTS Engineer Below you will find a more detailed code:

    @State private var selectedItem: String?
    @State private var navigationPath = NavigationPath()
 
    var body: some View {
        NavigationSplitView {
            List(selection: $selectedItem) {
                Button("Item 1") { selectedItem = "Detail View 1" }
                Button("Item 2") { selectedItem = "Detail View 2" }
            }
        } detail: {
            NavigationStack(path: $navigationPath) {
                DetailView(navigationPath: $navigationPath)
                 .navigationDestination(for: String.self) { value in
                     VStack {
                         Image(systemName: "photo")
                         Text("New Screen: \(value)")
                     }
                     .frame(maxWidth: .infinity, maxHeight: .infinity)
                }
            }
        }
    }
}

struct DetailView: View {
    @Binding var navigationPath: NavigationPath

    var body: some View {
        VStack {
            Text("Title")
                .font(.title)
            
            Text("Detail view content")
                .foregroundStyle(.secondary)
            
            Button("Change Screen"){
                navigationPath.append("Second Screen")
            }
            
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

While observing navigationPath it did not pop the view of the stack after adding it.

@DTS Engineer