fix: react-mentions inside react-new-window (#531)

Allow input to call onChange when inside a new window

Author: ThibautMarechal

src/MentionsInput.js

@@ -12,6 +12,7 @@ import {
   mapPlainTextIndex,
   readConfigFromChildren,
   spliceString,
+  isIE,
   isNumber,
   keys,
   omit,
@@ -471,13 +472,15 @@ class MentionsInput extends React.Component {
   // Handle input element's change event
   handleChange = (ev) => {
     isComposing = false
-    // if we are inside iframe, we need to find activeElement within its contentDocument
-    const currentDocument =
-      (document.activeElement && document.activeElement.contentDocument) ||
-      document
-    if (currentDocument.activeElement !== ev.target) {
-      // fix an IE bug (blur from empty input element with placeholder attribute trigger "input" event)
-      return
+    if(isIE()){
+      // if we are inside iframe, we need to find activeElement within its contentDocument
+      const currentDocument =
+        (document.activeElement && document.activeElement.contentDocument) ||
+        document
+      if (currentDocument.activeElement !== ev.target) {
+        // fix an IE bug (blur from empty input element with placeholder attribute trigger "input" event)
+        return
+      }
     }
 
     const value = this.props.value || ''

src/utils/index.js

@@ -14,6 +14,7 @@ export { default as spliceString } from './spliceString'
 export { default as makeMentionsMarkup } from './makeMentionsMarkup'
 export { default as iterateMentionsMarkup } from './iterateMentionsMarkup'
 export { default as getSubstringIndex } from './getSubstringIndex'
+export { default as isIE } from './isIE'
 export { default as isNumber } from './isNumber'
 export { default as merge } from './merge'
 export { default as omit } from './omit'

src/utils/isIE.js

@@ -0,0 +1,3 @@
+const isIE = () => !!document.documentMode
+
+export default isIE