Revert "[fixed] Make the modal portal render into body again (reactjs…

…#176)"

This reverts commit 9089a2d.

lib/components/Modal.js

@@ -52,7 +52,7 @@ var Modal = React.createClass({
   componentDidMount: function() {
     this.node = document.createElement('div');
     this.node.className = this.props.portalClassName;
-    document.body.appendChild(this.node);
+    AppElement.appendChild(this.node);
     this.renderPortal(this.props);
   },
 
@@ -62,7 +62,7 @@ var Modal = React.createClass({
 
   componentWillUnmount: function() {
     ReactDOM.unmountComponentAtNode(this.node);
-    document.body.removeChild(this.node);
+    AppElement.removeChild(this.node);
     elementClass(document.body).remove('ReactModal__Body--open');
   },
 

specs/Modal.spec.js

@@ -26,6 +26,19 @@ describe('Modal', function () {
     unmountModal();
   });
 
+  it('uses the global appElement', function() {
+    var app = document.createElement('div');
+    var node = document.createElement('div');
+    Modal.setAppElement(app);
+    ReactDOM.render(React.createElement(Modal, {isOpen: true}), node);
+    var modalParent = app.querySelector('.ReactModalPortal').parentNode;
+    assert.notEqual(modalParent, document.body);
+    assert.equal(modalParent, app);
+    equal(app.getAttribute('aria-hidden'), 'true');
+    ariaAppHider.resetForTesting();
+    ReactDOM.unmountComponentAtNode(node);
+  });
+
   it('accepts appElement as a prop', function() {
     var el = document.createElement('div');
     var node = document.createElement('div');
@@ -41,10 +54,10 @@ describe('Modal', function () {
     var node = document.createElement('div');
     var App = React.createClass({
       render: function() {
-        return React.DOM.div({}, React.createElement(Modal, {isOpen: true}, 'hello'));
+        return React.DOM.div({}, React.createElement(Modal, {isOpen: true, ariaHideApp: false}, 'hello'));
       }
     });
-    Modal.setAppElement(node);
+    Modal.setAppElement(document.body);
     ReactDOM.render(React.createElement(App), node);
     var modalParent = document.body.querySelector('.ReactModalPortal').parentNode;
     equal(modalParent, document.body);