Items overlap

[Jomy10]

I have a problem where the elements of the grid are overlapping.
My code is:

var body: some View {
     ScrollView {
            VStack(alignment: .leading) {
                Group {
                    Text("Letters en woorden")
                        .font(.title)
                    Grid(tracks: 3) {
                        Text("_eererer_")
                        Text("_eererer__")
                        Text("_eererer_")
                        Text("_eererer_")
                        Text("_eererer_")
                        Text("_eererer_")
                    }
                // ...
                }
            }.padding(.bottom)
     }.navigationTitle("Morse")
       .padding(.horizontal)
}

This is how my view look

[denis-obukhov]

Grid currently doesn't support nesting into ScrollView. Intrinsic-sized mode is under development

[Elektronenhirn108]

Grid currently doesn't support nesting into ScrollView. Intrinsic-sized mode is under development

Are there any news about that issue?

[birdmichael]

@denis-obukhov Will Intrinsic-sized continue to be updated?

[birdmichael]

@denis-obukhov
I have implemented the basic functions. I just need to replace GeometryReader with HuggingGeometryReader.
But there is a little problem: because all the code depends on the specific width, is there any solution?