Move modality initialization to StyleSheet

src/apis/StyleSheet/index.js

@@ -10,8 +10,12 @@
  */
 
 import flattenStyle from './flattenStyle';
+import modality from '../../modules/modality';
 import StyleRegistry from './registry';
 
+// initialize focus-ring fix
+modality();
+
 // allow component styles to be editable in React Dev Tools
 if (process.env.NODE_ENV !== 'production') {
   const { canUseDOM } = require('fbjs/lib/ExecutionEnvironment');

src/modules/createElement/index.js

@@ -12,12 +12,9 @@ import '../injectResponderEventPlugin';
 
 import AccessibilityUtil from '../AccessibilityUtil';
 import createDOMProps from '../createDOMProps';
-import modality from '../modality';
 import normalizeNativeEvent from '../normalizeNativeEvent';
 import React from 'react';
 
-modality();
-
 /**
  * Ensure event handlers receive an event of the expected shape. The 'button'
  * role – for accessibility reasons and functional equivalence to the native