Release v2.0.7.

CHANGELOG.md

@@ -1,3 +1,14 @@
+v2.0.7 - Sun, 25 Jun 2017 17:43:35 UTC
+--------------------------------------
+
+- [bb69a91](../../commit/bb69a91) [chore] improvements on readme testing section.
+- [c2f582f](../../commit/c2f582f) [chore] fix typo.
+- [f8edc2b](../../commit/f8edc2b) [fixed] improvements on setAppElement...
+- [5641f40](../../commit/5641f40) [chore] update installation section.
+- [ae258ec](../../commit/ae258ec) [chore] removing active development section.
+- [f5d95e2](../../commit/f5d95e2) Add codesandbox link to the ISSUE_TEMPLATE
+
+
 v2.0.6 - Tue, 20 Jun 2017 11:22:57 UTC
 --------------------------------------
 

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "react-modal",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "homepage": "https://github.com/reactjs/react-modal",
   "authors": [
     "Ryan Florence",

dist/react-modal.js

@@ -128,9 +128,6 @@ return /******/ (function(modules) { // webpackBootstrap
 	var renderSubtreeIntoContainer = _reactDom2.default.unstable_renderSubtreeIntoContainer;
 
 	var SafeHTMLElement = EE.canUseDOM ? window.HTMLElement : {};
-	var AppElement = EE.canUseDOM ? document.body : {
-	  appendChild: function appendChild() {}
-	};
 
 	function getParentElement(parentSelector) {
 	  return parentSelector();
@@ -249,7 +246,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	  }], [{
 	    key: 'setAppElement',
 	    value: function setAppElement(element) {
-	      ariaAppHider.setElement(element || AppElement);
+	      ariaAppHider.setElement(element);
 	    }
 
 	    /* eslint-disable no-console */
@@ -1809,27 +1806,46 @@ return /******/ (function(modules) { // webpackBootstrap
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
+	exports.assertNodeList = assertNodeList;
 	exports.setElement = setElement;
+	exports.tryForceFallback = tryForceFallback;
 	exports.validateElement = validateElement;
 	exports.hide = hide;
 	exports.show = show;
 	exports.toggle = toggle;
+	exports.documentNotReadyOrSSRTesting = documentNotReadyOrSSRTesting;
 	exports.resetForTesting = resetForTesting;
-	var globalElement = typeof document !== 'undefined' ? document.body : null;
+	var globalElement = null;
+
+	function assertNodeList(nodeList, selector) {
+	  if (!nodeList || !nodeList.length) {
+	    throw new Error('react-modal: No elements were found for selector ' + selector + '.');
+	  }
+	}
 
 	function setElement(element) {
 	  var useElement = element;
 	  if (typeof useElement === 'string') {
 	    var el = document.querySelectorAll(useElement);
+	    assertNodeList(el, useElement);
 	    useElement = 'length' in el ? el[0] : el;
 	  }
 	  globalElement = useElement || globalElement;
 	  return globalElement;
 	}
 
+	function tryForceFallback() {
+	  if (document && document.body) {
+	    // force fallback to document.body
+	    setElement(document.body);
+	    return true;
+	  }
+	  return false;
+	}
+
 	function validateElement(appElement) {
-	  if (!appElement && !globalElement) {
-	    throw new Error(['react-modal: You must set an element with', '`Modal.setAppElement(el)` to make this accessible']);
+	  if (!appElement && !globalElement && !tryForceFallback()) {
+	    throw new Error(['react-modal: Cannot fallback to `document.body`, because it\'s not ready or available.', 'If you are doing server-side rendering, use this function to defined an element.', '`Modal.setAppElement(el)` to make this accessible']);
 	  }
 	}
 
@@ -1848,6 +1864,10 @@ return /******/ (function(modules) { // webpackBootstrap
 	  apply(appElement);
 	}
 
+	function documentNotReadyOrSSRTesting() {
+	  globalElement = null;
+	}
+
 	function resetForTesting() {
 	  globalElement = document.body;
 	}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-modal",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "Accessible modal dialog component for React.JS",
   "main": "./lib/index.js",
   "repository": {