.glassEffect is different when used within NavigationStack

Noticed when using .glassEffect within NavigationStack gives different result when interacting with view.

When it is not in NavigationStack, when view pressed, glassEffect is within Capsule, clipped. But when used with NavigationStack, pressing view gives additional background effect in rectangle form.

In image can see this effect, it is subtle but in other scenarios its much more visible.

Is there a way how to use glassEffect without rectangle appearing in NavigationStack?

Here is full code for this example.


struct ExampleGlass: View {
    var body: some View {
        GlassObject()
            .padding()
            .background(.blue)
    }
}

struct ExampleGlassNavStack: View {
    var body: some View {
        NavigationStack {
            GlassObject()
                .padding()
                .background(.blue)
        }
    }
}

struct GlassObject: View {

    var body: some View {
        Capsule()
            .frame(height: 150)
            .glassEffect(.clear.interactive())
    }
}

#Preview {
    ExampleGlass()
    ExampleGlassNavStack()
        
}
.glassEffect is different when used within NavigationStack
 
 
Q