FB14685760: LabeledContent breaks when placed inside a List, if it contains a TextField.

[migueldeicaza]

• Date: 2024-08/06
• Resolution: Open
• Area: SwiftUI
• OS: iOS 18 Seed 4
• Type: Incorrect/Unexpected Behavior
• Keywords: Regression

Description

The following example render a label and the textfield on iOS 17.5, but on iOS 18, the TextField takes over the entire line.

I have tried all the .listStyle options

import SwiftUI

struct ContentView: View {
    var body: some View {
        List {
            LabeledContent {
                TextField ("placeholder", text: .constant (""))
            } label: {
                Text ("Hello")
            }
        }
        .padding()
    }
}

#Preview {
    ContentView()
}

Included screenshots show that iOS 17.5 correctly displays the labels, while on iOS 18, only the textfield is rendered.

Files

iOS 17.5, works:

iOS 18.0, Beta 2 and Beta 4: