SwiftUI iOS 26 .safeAreaBar issue with large navigation title

I have some really straight forward code in a sample project. For some reason when the app launches the title is blurred obscured by scrolledgeeffect blur. If I scroll down the title goes small as it should do and all looks fine. If I scroll back to the top, just before it reaches the top the title goes large and it looks correct, but once it actually reaches/snaps to the top, is then incorrectly blurs again.

Is there anything obvious I'm doing wrong? Is this a bug?

struct ContentView: View {
    var body: some View {
        NavigationStack {
            ScrollView {
                VStack {
                    Rectangle().fill(Color.red.opacity(0.2)).frame(height: 200)
                    Rectangle().frame(height: 200)
                    Rectangle().frame(height: 200)
                    Rectangle().frame(height: 200)
                    Rectangle().frame(height: 200)
                }
            }
            .safeAreaBar(edge: .top) {
                Text("Test")
            }
            .navigationTitle(Title")
        }
    }
}

Hi @simonfromhelix!

Apply the .safeAreaBar(edge: .top) { ... } to the parent view, and voila!

To help me identify if this is a bug, please file a bug report and respond with the FB number below while I investigate.

Thank you,

 Travis Trotto - DTS Engineer

SwiftUI iOS 26 .safeAreaBar issue with large navigation title
 
 
Q