In SwiftUI, how do I remove a view stuck on top of the keyboard

Question

I have a view under a Form. When I enter a text field the view is stuck on top of the keyboard.

Code in question:

  // other stuff

  Form {
    Section {
      TextField("Enter your desired username", text: $page.username)
    }
    
    Section {
      Button(action: createUser) {
        Label("Sign Up", systemImage: "person.crop.circle.badge.plus")
      }
    }
  }
  
  // this is getting stuck on top of keyboard
  Group {
    Text("By signing up you agree to")
    // other stuff
  }

What it looks like:

As you can see, the "By signing up you..." view is stuck on top of the keyboard. I suspect it has something to do with Menu.

How do I get rid of it?

"view is stuck on top of the keyboard" It's a form, not a list. So what's the problem? — El Tomato, Dec 14 '20 at 06:59
How about puttin it in a zstack? and post more code so we can help you — Cod3rMax, Dec 14 '20 at 09:09

Adam · Accepted Answer · 2020-12-15T00:54:45.393

Do you have the Form and Group inside some other container, like a VStack? I assume you must… if so, the solution is to add .ignoresSafeArea(.keyboard, edges: .bottom) to that container.

e.g.,

VStack {
    Form {
        ...
    }
    Group {
        ...
    }
}
.ignoresSafeArea(.keyboard, edges: .bottom)

Applying ignoresSafeArea to the Group doesn’t work because its container (here a VStack) is still resized by the keyboard. If adding ignoresSafeArea to your container has undesirable consequences, please post more of your code so we can understand the situation.

In SwiftUI, how do I remove a view stuck on top of the keyboard

1 Answers1