Hello,

When I run the following view on my iPhone with VoiceOver enabled, I encounter the following issue: I move the VoiceOver cursor to the dots for paging. I swipe up with one finger to go to the next page. The next page is displayed. But when the VoiceOver cursor jumps to the tab, the previous page appears again.

You can also see that the border of the VoiceOver cursor extends into the previous tab.

I suspect it has to do with the fact that despite the clipped modifier, the size of the image remains the same and extends into the previous tab.

Any idea how to fix this?

struct ContentView: View {
    var body: some View {
        VStack {
            TabView {
                ForEach(1..<6) { index in
                    Button(
                        action: { },
                        label: {
                            ZStack {
                                GeometryReader { geo in
                                    Image(systemName: "\(index).circle")
                                        .resizable()
                                        .scaledToFill()
                                        .frame(width: geo.size.width)
                                        .clipped()
                                }
                            }
                        }
                    )
                    .buttonStyle(PlainButtonStyle())
                    .padding([.bottom], 50)
                }
            }
            .tabViewStyle(PageTabViewStyle(indexDisplayMode: .always))
            .indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))
        }
        .padding()
    }
}