TextEditor with a fixedSize and scroll disabled is completely broken

Question

Created Feb ’24

Replies 2

Boosts 2

Views 1.2k

Participants 3

I am trying to build a text editor that shrinks to its content size. The closest I have been able to get has been to add the .scrollDisabled(true) and .fixedSize(horizontal: false, vertical: true) modifiers.

This almost achieves what I need. There are two problems though:

long single line text gets cut off at the end
creating line breaks causes the text editor to grow vertically as expected (uncovering the cut off text in point 1 above). However, when you delete the line breaks, the TextEditor does not shrink again.

I have had a radar open for some time: FB13292506. Hopefully opening a thread here will get more visibility.

And here is some sample code to easily reproduce the issue:

 import SwiftUI
 
struct ContentView: View {
    @State var text = "[This is some long text that will be cut off at the end of the text editor]"
 
    var body: some View {
        TextEditor(text: $text)
            .scrollDisabled(true)
            .fixedSize(horizontal: false, vertical: true)
    }
}
 
#Preview {
    ContentView()
}

Here is a gif of the behavior:

Simulator Screen Recording - iPhone 15 Plus - 2024-02-16 at 11.59.36.gif

Boost

Answer 1

Duong_Thai OP

Feb ’24

 struct ContentView: View {
  @State var text = "[This is some long text that will be cut off at the end of the text editor]"
 
  var body: some View {
    Text(text).opacity(0.0).padding()
      .overlay { TextEditor(text: $text) }
  }
}

0

Answer 2

2381723712361624123123 OP

Jan ’25

Running into the same problem @Xaxxus, did you ever find a solution?

1

	import SwiftUI

	struct ContentView: View {
	@State var text = "[This is some long text that will be cut off at the end of the text editor]"

	var body: some View {
	TextEditor(text: $text)
	.scrollDisabled(true)
	.fixedSize(horizontal: false, vertical: true)
	}
	}

	#Preview {
	ContentView()
	}