Why does a Spacer push the text outside of the TextEditor frame?

Question

Created Feb ’21

Replies 1

Boosts 0

Participants 2

In the code snippet below, why does the frame of the TextEditor stay within the safe area, while the text is pushed up to the top of the screen, beyond the safe area, and outside of the TextEditor's frame?

Code Block swiftimport SwiftUI
struct ContentView: View {
    @State var myText = "Hello, World"
    
    var body: some View {
        VStack {
            TextEditor(text: $myText)
                .frame(height: 200)
                .border(Color.red)
            Spacer()
        }
    }
}

Boost

Answer 1

bobUla OP

Feb ’21

I have no idea why it's happening, maybe file a bug report.

Adding vertical padding of 1 fixes it.

Code Block swiftstruct ContentView: View {
    @State var myText = "Hello, World"    
    var body: some View {
        VStack {
            TextEditor(text: $myText)
                .frame(height: 200)
                .border(Color.red)
            Spacer()
        }
        .padding(.vertical, 1)
    }
}

1