iOS DisclosureGroup content clipping

I have a SwiftUI page that I want to simplify by showing basic information by default, and putting the additional info behind a "Details" DisclosureGroup for advanced users.

I started by laying out all the components and breaking things into individual Views. These all are laid out and look fine.

Then I took several of them and added them inside a DisclosureGroupView.

But all of a sudden, the views inside started getting crunched together and the contents of the DisclosureGroup got clipped about 2/3 of the way down the page. The problem I'm trying to solve is how to show everything inside the DIsclosureGroup.

The top-level View looks like this:

VStack {
  FirstItemView()
  SecondView()
  DetailView() // <- Shows disclosure arrow
}

Where DetailView is:

struct DetailView: View {
    @State var isExpanded = true
    
    var body: some View {
        GeometryReader { geometry in
            DisclosureGroup("Details", isExpanded: $isExpanded) {
                 ThirdRowView()
                 Spacer()
                 FourthRowView()
                 VStack {
                     FifthRowWithChartView()
                     CaptionLabelView(label: "Third", iconName: "chart.bar.xaxis")
                }
            }
        }
    }
}

The FifthRowWithChartView is half-clipped. One thing that might contribute is that there is a Chart view at the bottom of this page.

I've tried setting the width and height of the DisclosureGroup based on the height returned by the GeometryReader, but that didn't do anything.

This is all on iOS 17.6, testing on an iPhone 15ProMax. Any tips or tricks are most appreciated.