Thanks for your answer, but this has the same problem I described in my question. The views above and below with the "other content" are now the same width as the LazyVGrid and are also scrolling horizontally. Only the LazyVGrid should be scrolling horizontally. It's basically the same if I use only one ScrollView with scroll direction set to [.vertical, .horizontal].

Thanks for your response. The solution with the value based navigation links works as expected. Interestingly, it also works if you have two separate views, one with the NavigationLink(destination:label:) and one with the .navigationDestination(for:destination:) modifier. It stops working if you have two or more views with the NavigationLink(destination:label:) and navigate between them.

I've submitted a feedback. FB18548342