How to move focus to view which is not TextField

Question

Created Nov ’22

Replies 0

Boosts 0

Participants 1

I have a MacOS app which has a lot of TextFields in many views; and one editor view which has to receive pressed keyboard shortcut, when cursor is above. But as I try, I cannot focus on a view which is not text enabled. I made a small app to show a problem:

    @main
    struct TestFocusApp: App {
        var body: some Scene {
            DocumentGroup(newDocument: TestFocusDocument()) { file in
                ContentView(document: file.$document)
            }
            .commands {
                CommandGroup(replacing: CommandGroupPlacement.textEditing) {
                    Button("Delete") {
                        deleteSelectedObject.send()
                    }
                    .keyboardShortcut(.delete, modifiers: [])
                }
            }
        }
    }

    let deleteSelectedObject = PassthroughSubject<Void, Never>()

    struct MysticView: View {
        var body: some View {
            ZStack {
                Rectangle()
                    .foregroundColor(.gray.opacity(0.3))
            }.focusable()
                .onReceive(deleteSelectedObject) { _ in
                    print ("received")
                }
        }
    }

    enum FocusableField {
        case wordTwo
        case view
        case editor
        case wordOne
    }

    struct ContentView: View {
        @Binding var document: TestFocusDocument
        @State var wordOne: String = ""
        @State var wordTwo: String = ""
        @FocusState var focus: FocusableField?
        
        var body: some View {
            VStack {
                TextField("one", text: $wordOne)
                   .focused($focus, equals: .wordOne)
                TextEditor(text: $document.text)
                   .focused($focus, equals: .editor)

                ///I want to receive DELETE in any way, in a MystickView or unfocus All another text views in App to not delete their contents
                MysticView()
                    .focusable(true)
                    .focused($focus, equals: .view)
                    .onHover { inside in
                        focus = inside ? .view : nil
                        /// focus became ALWAYS nil, even set to `.view` here
                    }
                    .onTapGesture {
                        focus = .view
                    }
                TextField("two", text: $wordTwo)
                    .focused($focus, equals: .wordTwo)
            }
        }
    }

    struct ContentView_Previews: PreviewProvider {
        static var previews: some View {
            ContentView(document: .constant(TestFocusDocument()))
        }
    }

Only first TextField became focused when I click or hover over MysticView

I can assign nil to focus, but it will not unfocus fields from outside this one view.

Is it a bug, or I missed something? How to make View focusable? To Unfocus all textFields?

Boost