SwiftUI Sheet Bug: Keyboard Dismissal Causes Gap with PresentationBackground and .medium Detent

Below is one workaround that some developers have found helps avoid the gap when using a text field within a sheet that has both a presentation background and a medium detent. The idea is to separate your background from your content so that the area that ignores safe areas is not the entire sheet. For example, instead of applying .ignoresSafeArea() to the whole view, wrap your content in a ZStack and apply it only to your background layer. That way the content itself (including the text field) will respect the safe area and move when the keyboard appears or dismisses. One possible workaround looks like this:

SWIFTCopied
import SwiftUI

struct ContentView: View {
  @State var isPresented = false

  var body: some View {
    VStack {
      Image(systemName: "globe")
        .imageScale(.large)
        .foregroundStyle(.tint)

      Button("Present sheet") {
        self.isPresented.toggle()
      }
    }
    .sheet(isPresented: $isPresented) {
      ZStack {
        // Background layer that ignores safe areas
        Color.red.opacity(0.75)
          .ignoresSafeArea()
        
        // Content layer which now respects safe areas
        ScrollView {
          TextField("Enter text here", text: .constant(""))
            .padding()
        }
        .scrollDismissesKeyboard(.interactively)
      }
      .presentationDetents([.medium, .large])
    }
    .padding()
  }
}

In this approach the red background fills the sheet (ignoring safe areas) while the interactive content (the text field inside the scroll view) adjusts when the keyboard is shown or dismissed. Since the problematic modifier is no longer applied to the overall container, the background doesn’t “recompute” its position relative to the keyboard.

Keep in mind that this appears to be a SwiftUI bug (observed on Xcode 16) that may be addressed in future updates. If the workaround isn’t acceptable for your design, consider filing a bug report with Apple.