handle refs

Author: ryanflorence

lib/components/Modal.js

@@ -49,6 +49,7 @@ var Modal = module.exports = React.createClass({
     if (props.ariaHideApp) {
       ariaAppHider.toggle(props.isOpen, props.appElement);
     }
+    sanitizeProps(props);
     this.portal = React.renderComponent(ModalPortal(props), this.node);
   },
 
@@ -57,3 +58,7 @@ var Modal = module.exports = React.createClass({
   }
 });
 
+function sanitizeProps(props) {
+  delete props.ref;
+}
+

specs/Modal.spec.js

@@ -12,10 +12,10 @@ describe('Modal', function () {
   it('has default props');
   it('removes the portal node');
   it('scopes tab navigation to the modal');
-  it('ignores clicks outside of it');
   it('focuses the modal');
   it('focuses the last focused element when tabbing in from browser chrome');
   it('adds --after-open for animations');
   it('adds --before-close for animations');
+  it('does not freak out when you hand it a ref');
 });