- Platform: iOS
- Area: SwiftUI Framework
- Type: Incorrect/Unexpected Behavior
- Build: iOS 17 RC Seed (21A329)
During keyboard dismissal within a SwiftUI List that extends into a device's safe area (particularly seen on devices with a home indicator), a glitchy animation occurs. It seems that when the keyboard animates away, the List appears as though the safe area is not populated. Only upon the completion of the animation does the List properly extend into the safe area, as demonstrated by a red background in the attached recording.
This behavior can be observed on both the iOS 17 simulator and on physical devices, and reports suggest it was also present in iOS 16.
This issue might be related to these feedbacks related to animation issues I previously reported: FB11356997 and FB13206351
- Run the attached Xcode project.
- Tap into the text field at the top to show the keyboard.
- Tap the "Hide" button next to the text field to hide the keyboard.
- Observe the issue with the animation in the bottom safe area of the list.
The List should animate alongside the keyboard, smoothly reaching the screen's bottom edge without any disruptions.
The List animates to a state excluding the safe area, and upon the animation’s completion, abruptly expands into the safe area.
struct ContentView: View {
@FocusState
private var isFocused: Bool
var body: some View {
VStack {
HStack {
TextField("", text: .constant(""))
.border(.black)
.focused(self.$isFocused)
Button("Hide") {
self.isFocused = false
}
.buttonStyle(.bordered)
}
.padding()
List {
ForEach(0..<50, id: \.self) { i in
Text("Row \(i)")
}
}
}
.background(.red)
}
}