Fixing setting focus when RCTView is not yet in window

React/Views/RCTView.m

@@ -779,6 +779,9 @@ - (void)viewDidMoveToWindow
                                                  name:NSViewBoundsDidChangeNotification
                                                object:[[self enclosingScrollView] contentView]];
   }
+
+  [self reactViewDidMoveToWindow]; // TODO(macOS GH#1412)
+
   [super viewDidMoveToWindow];
 }
 

React/Views/UIView+React.h

@@ -91,6 +91,8 @@
 - (void)reactAddControllerToClosestParent:(UIViewController *)controller;
 #endif // TODO(macOS GH#774)
 
+- (void)reactViewDidMoveToWindow; // TODO(macOS GH#1412)
+
 /**
  * Focus manipulation.
  */

React/Views/UIView+React.m

@@ -267,18 +267,17 @@ - (void)reactAddControllerToClosestParent:(UIViewController *)controller
 }
 #endif // TODO(macOS GH#774)
 
-/**
- * Focus manipulation.
- */
-- (BOOL)reactIsFocusNeeded
+// [TODO(macOS GH#1412)
+- (void)reactViewDidMoveToWindow
 {
-  return [(NSNumber *)objc_getAssociatedObject(self, @selector(reactIsFocusNeeded)) boolValue];
+	[self reactFocusIfNeeded];
 }
+// TODO(macOS GH#1412)]
 
-- (void)setReactIsFocusNeeded:(BOOL)isFocusNeeded
-{
-  objc_setAssociatedObject(self, @selector(reactIsFocusNeeded), @(isFocusNeeded), OBJC_ASSOCIATION_RETAIN_NONATOMIC);
-}
+/**
+ * Focus manipulation.
+ */
+static __weak RCTPlatformView *_pendingFocusView; // TODO(macOS GH#1412)
 
 - (void)reactFocus
 {
@@ -287,19 +286,23 @@ - (void)reactFocus
 #else
 	if (![self becomeFirstResponder]) {
 #endif // TODO(macOS GH#774)]
-		self.reactIsFocusNeeded = YES;
-	}
+// [TODO(macOS GH#1412)
+    _pendingFocusView = self;
+  } else {
+    _pendingFocusView = nil;
+  }
+// TODO(macOS GH#1412)]
 }
 
 - (void)reactFocusIfNeeded
 {
-	if (self.reactIsFocusNeeded) {
+	if ([self isEqual:_pendingFocusView]) { // TODO(macOS GH#1412)
 #if TARGET_OS_OSX // [TODO(macOS GH#774)
 		if ([[self window] makeFirstResponder:self]) {
 #else
 		if ([self becomeFirstResponder]) {
 #endif // TODO(macOS GH#774)]
-			self.reactIsFocusNeeded = NO;
+			_pendingFocusView = nil; // TODO(macOS GH#1412)
 		}
 	}
 }
@@ -313,6 +316,12 @@ - (void)reactBlur
 #else
   [self resignFirstResponder];
 #endif // TODO(macOS GH#774)]
+
+// [TODO(macOS GH#1412)
+  if ([self isEqual:_pendingFocusView]) {
+    _pendingFocusView = nil;
+  }
+// TODO(macOS GH#1412)]
 }
 
 #pragma mark - Layout

packages/rn-tester/js/examples/FocusOnMount/FocusOnMount.js

@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) 2015-present, Facebook, Inc.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+// [TODO(macOS GH #1412)
+'use strict';
+
+const React = require('react');
+const ReactNative = require('react-native');
+const {Button, findNodeHandle, UIManager} = ReactNative;
+
+class FocusOnMountExample extends React.Component<{}> {
+  ref = React.createRef();
+
+  componentDidMount() {
+    if (this.ref.current) {
+      const commands = UIManager.getViewManagerConfig('RCTView').Commands;
+      if ('focus' in commands) {
+        UIManager.dispatchViewManagerCommand(
+          findNodeHandle(this.ref.current),
+          UIManager.getViewManagerConfig('RCTView').Commands.focus,
+          undefined,
+        );
+      }
+    }
+  }
+
+  render() {
+    return (
+      <Button
+        ref={this.ref}
+        title="This button will be focsued on mount"
+        onPress={() => {}}
+      />
+    );
+  }
+}
+
+exports.title = 'Focus On Mount';
+exports.description = 'Example for focusing a component on mount';
+exports.examples = [
+  {
+    title: 'FocusOnMountExample',
+    render: function (): React.Element<any> {
+      return <FocusOnMountExample />;
+    },
+  },
+];
+// TODO(macOS GH #1412)]

packages/rn-tester/js/utils/RNTesterList.ios.js

@@ -46,6 +46,11 @@ const Components: Array<RNTesterModuleInfo> = [
     key: 'FocusEvents',
     module: require('../examples/FocusEventsExample/FocusEventsExample'),
   }, // ]TODO(OSS Candidate ISS#2710739)
+  // [TODO(macOS GH #1412)
+  {
+    key: 'FocusOnMount',
+    module: require('../examples/FocusOnMount/FocusOnMount'),
+  }, // ]TODO(macOS GH #1412)
   {
     key: 'KeyboardEvents',
     module: require('../examples/KeyboardEventsExample/KeyboardEventsExample'),