When combining a SecureField and a TextField in a view, and using padding, you will see view-artifacts while typing in either the TextField or the SecureField. If you change the SecureField to a TextField, or remove the padding, you will not see the artifacts.
The following example code reproduces the problem
struct TextFieldTestApp: App { var body: some Scene { WindowGroup { ContentView() .frame(width: 800, height: 800) } } } struct ContentView: View { @State var username: String = "" @State var password: String = "" var body: some View { VStack(alignment: .leading) { Text("Username") .foregroundColor(.black) TextField("Username", text: $username) .textFieldStyle(.plain) .disableAutocorrection(true) Text("Password") .foregroundColor(.black) SecureField("Enter password", text: $password) .textFieldStyle(.plain) }.padding(.horizontal, 68) } }
While typing a shadowed outline sometimes appear under the field you are typing in:
This only happens on macOS.