Keyboard dismissal fixes (#12)

This PR contains the work done to fix the behavior of the keyboard dismissal for the *New task* and *Task list* views. Reviewed-on: rock-n-code/todos-app#12 Co-authored-by: Javier Cicchelli <javier@rock-n-code.com> Co-committed-by: Javier Cicchelli <javier@rock-n-code.com>
2026-02-12 10:48:11 +00:00
parent 7867bcda36
commit 4ad12d4567
7 changed files with 150 additions and 82 deletions
@@ -0,0 +1,87 @@
+import SwiftUI
+
+extension NewTaskView {
+
+    /// A container view that wraps form content with tap-to-dismiss keyboard functionality.
+    ///
+    /// This view provides a transparent overlay that appears when any text field has focus,
+    /// allowing users to dismiss the keyboard by tapping anywhere outside the input fields.
+    /// This improves the user experience by making it easier to exit text editing mode without
+    /// needing to explicitly tap a "Done" button or similar control.
+    struct Content<Content: View>: View {
+
+        // MARK: Properties
+
+        /// Binding to track which text field currently has keyboard focus.
+        @FocusState.Binding
+        var inputFocus: InputFieldFocus?
+
+        /// The view content to display.
+        private let content: Content
+
+        // MARK: Initialization
+
+        /// Initializes the new task content with custom form content.
+        ///
+        /// - Parameters:
+        ///   - inputFocus: A binding to track keyboard focus state
+        ///   - content: A closure that provides the view content to render
+        init(
+            inputFocus: FocusState<InputFieldFocus?>.Binding,
+            @ViewBuilder content: () -> Content
+        ) {
+            self._inputFocus = inputFocus
+            self.content = content()
+        }
+
+        // MARK: Body
+
+        /// The view's body that combines the form content with a dismissal overlay.
+        ///
+        /// This approach allows users to tap anywhere on the screen to exit text editing
+        /// mode, which is particularly useful on iOS where the keyboard can obscure
+        /// significant screen space.
+        var body: some View {
+            ZStack {
+                content
+
+                if inputFocus != nil {
+                    Color.clear
+                        .contentShape(Rectangle())
+                        .onTapGesture {
+                            inputFocus = nil
+                        }
+                }
+            }
+        }
+
+    }
+}
+
+// MARK: - Previews
+
+#Preview("New todo task content") {
+    struct PreviewWrapper: View {
+        @FocusState
+        private var inputFocus: InputFieldFocus?
+
+        var body: some View {
+            NewTaskView.Content(inputFocus: $inputFocus) {
+                Form {
+                    TextField(
+                        "Title",
+                        text: .constant(
+                            "Sample Task"
+                        )
+                    )
+                    .focused(
+                        $inputFocus,
+                        equals: .title
+                    )
+                }
+            }
+        }
+    }
+
+    return PreviewWrapper()
+}