Xcode 12 + SwiftUI List: List row overlay on tap sticking

Question

Here is my list view:

struct ContentView: View {
    
    let colors: [Color] = [.red, .green, .yellow, .orange, .blue, .black, .pink, .purple, .gray]
    
    
    var body: some View {
        NavigationView {
            List {
                ForEach(colors, id: \.self) { color in
                    NavigationLink(destination: DetailView(color: color)) {
                        Text(color.name!)
                    }
                } 
            }
        }
    }
}

extension Color {
    var name: String? {
        switch self {
        case Color.red: return "red"
        case Color.green: return "green"
        case Color.yellow: return "yellow"
        case Color.blue: return "blue"
        case Color.orange: return "orange"
        case Color.black: return "black"
        case Color.pink: return "pink"
        case Color.purple: return "purple"
        case Color.gray: return "gray"
        default: return nil
        }
    }
}

And detail view:

struct DetailView: View {
    
    var color: Color
    
    var body: some View {
        Circle()
            .foregroundColor(color)
    }
}

When navigating back from the detail view, the row overlay is stuck like so:

Any idea why this is happening?

Answer 1

It seems like this was fixed with iOS 14 Beta 5!