NavigationLink is clipped on the left side

Question

Noemata OP

Created Aug ’23

Replies 1

Boosts 0

Participants 1

With the following two views:

struct ConfigureView: View {

var body: some View {
    GeometryReader { geometry in
        VStack {
            Form {
                NavigationLink("Show Nothing 01", destination: Text("Nothing").focusable())
                NavigationLink("Show Nothing 02", destination: Text("Nothing").focusable())
                NavigationLink("Show Nothing 03", destination: Text("Nothing").focusable())
                NavigationLink("Show Nothing 04", destination: Text("Nothing").focusable())
                NavigationLink {
                    Text("Nothing").focusable()
                } label: {
                    Label("Work Folder", systemImage: "folder")
                }
                
            }
        }
    }
    .navigationBarHidden(true)
}

}

#Preview { ConfigureView() }

// And ...

struct SettingsView: View { var body: some View { HStack(alignment: .top, spacing: 0) { Rectangle().fill(Color.red).frame(width: 200, height: 10).padding(30) ConfigureView().frame(minWidth: 700, maxWidth: 840)

}
}

}

#Preview { SettingsView() }

Using tvOS 17 the NavigationLink button is partially clipped on the left side when in the selected state. This is not an issue with previous releases.

Answer 1 · Aug 29, 2023 11:59 AM

Noemata OP

Aug ’23

Further clarification:

Any construct of the following (tvOS, iOS 17)

var body: some View {
    VStack {
        Form {
            NavigationLink("Show Nothing 01", destination: Text("Nothing").focusable())
        }
        
        List {
            NavigationLink("Show Nothing 02", destination: Text("Nothing").focusable())
        }
    }
}

Where the NavigationLink is occupying less than the entire screen, causes the navigation button to get clipped off. Depending on the other container the above is in.