downshift 1.31.10 → 1.31.14

package/README.md

@@ -19,7 +19,7 @@ autocomplete/dropdown/select/combobox components</p>
 [![downloads][downloads-badge]][npmcharts] [![version][version-badge]][package]
 [![MIT License][license-badge]][license]
 
-[![All Contributors](https://img.shields.io/badge/all_contributors-76-orange.svg?style=flat-square)](#contributors)
+[![All Contributors](https://img.shields.io/badge/all_contributors-77-orange.svg?style=flat-square)](#contributors)
 [![PRs Welcome][prs-badge]][prs] [![Chat][chat-badge]][chat]
 [![Code of Conduct][coc-badge]][coc]
 
@@ -132,8 +132,8 @@ import Downshift from 'downshift'
 function BasicAutocomplete({items, onChange}) {
   return (
     <Downshift
-      onChange={onChange}
-      render={({
+      onChange={onChange}>
+      {({
         getInputProps,
         getItemProps,
         isOpen,
@@ -168,7 +168,7 @@ function BasicAutocomplete({items, onChange}) {
           ) : null}
         </div>
       )}
-    />
+    </Downshift>
   )
 }
 
@@ -943,7 +943,6 @@ If you're developing some React in ReasonML, check out the [`Downshift` bindings
 Thanks goes to these people ([emoji key][emojis]):
 
 <!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
-
 <!-- prettier-ignore -->
 | [<img src="https://avatars.githubusercontent.com/u/1500684?v=3" width="100px;"/><br /><sub><b>Kent C. Dodds</b></sub>](https://kentcdodds.com)<br />[💻](https://github.com/paypal/downshift/commits?author=kentcdodds "Code") [📖](https://github.com/paypal/downshift/commits?author=kentcdodds "Documentation") [🚇](#infra-kentcdodds "Infrastructure (Hosting, Build-Tools, etc)") [⚠️](https://github.com/paypal/downshift/commits?author=kentcdodds "Tests") [👀](#review-kentcdodds "Reviewed Pull Requests") [📝](#blog-kentcdodds "Blogposts") [🐛](https://github.com/paypal/downshift/issues?q=author%3Akentcdodds "Bug reports") [💡](#example-kentcdodds "Examples") [🤔](#ideas-kentcdodds "Ideas, Planning, & Feedback") [📢](#talk-kentcdodds "Talks") | [<img src="https://avatars0.githubusercontent.com/u/100200?v=4" width="100px;"/><br /><sub><b>Ryan Florence</b></sub>](http://twitter.com/ryanflorence)<br />[🤔](#ideas-ryanflorence "Ideas, Planning, & Feedback") | [<img src="https://avatars3.githubusercontent.com/u/112170?v=4" width="100px;"/><br /><sub><b>Jared Forsyth</b></sub>](http://jaredforsyth.com)<br />[🤔](#ideas-jaredly "Ideas, Planning, & Feedback") [📖](https://github.com/paypal/downshift/commits?author=jaredly "Documentation") | [<img src="https://avatars1.githubusercontent.com/u/8162598?v=4" width="100px;"/><br /><sub><b>Jack Moore</b></sub>](https://github.com/jtmthf)<br />[💡](#example-jtmthf "Examples") | [<img src="https://avatars1.githubusercontent.com/u/2762082?v=4" width="100px;"/><br /><sub><b>Travis Arnold</b></sub>](http://travisrayarnold.com)<br />[💻](https://github.com/paypal/downshift/commits?author=souporserious "Code") [📖](https://github.com/paypal/downshift/commits?author=souporserious "Documentation") | [<img src="https://avatars0.githubusercontent.com/u/1045233?v=4" width="100px;"/><br /><sub><b>Marcy Sutton</b></sub>](http://marcysutton.com)<br />[🐛](https://github.com/paypal/downshift/issues?q=author%3Amarcysutton "Bug reports") [🤔](#ideas-marcysutton "Ideas, Planning, & Feedback") | [<img src="https://avatars2.githubusercontent.com/u/244704?v=4" width="100px;"/><br /><sub><b>Jeremy Gayed</b></sub>](http://www.jeremygayed.com)<br />[💡](#example-tizmagik "Examples") |
 | :---: | :---: | :---: | :---: | :---: | :---: | :---: |
@@ -956,8 +955,7 @@ Thanks goes to these people ([emoji key][emojis]):
 | [<img src="https://avatars2.githubusercontent.com/u/1556430?v=4" width="100px;"/><br /><sub><b>Pete Redmond</b></sub>](https://httpete.com)<br />[🐛](https://github.com/paypal/downshift/issues?q=author%3Ahttpete-ire "Bug reports") | [<img src="https://avatars2.githubusercontent.com/u/1706342?v=4" width="100px;"/><br /><sub><b>Nick Lavin</b></sub>](https://github.com/Zashy)<br />[🐛](https://github.com/paypal/downshift/issues?q=author%3AZashy "Bug reports") [💻](https://github.com/paypal/downshift/commits?author=Zashy "Code") [⚠️](https://github.com/paypal/downshift/commits?author=Zashy "Tests") | [<img src="https://avatars2.githubusercontent.com/u/17031?v=4" width="100px;"/><br /><sub><b>James Long</b></sub>](http://jlongster.com)<br />[🐛](https://github.com/paypal/downshift/issues?q=author%3Ajlongster "Bug reports") [💻](https://github.com/paypal/downshift/commits?author=jlongster "Code") | [<img src="https://avatars0.githubusercontent.com/u/1505907?v=4" width="100px;"/><br /><sub><b>Michael Ball</b></sub>](http://michaelball.co)<br />[🐛](https://github.com/paypal/downshift/issues?q=author%3Acycomachead "Bug reports") [💻](https://github.com/paypal/downshift/commits?author=cycomachead "Code") | [<img src="https://avatars0.githubusercontent.com/u/8990614?v=4" width="100px;"/><br /><sub><b>CAVALEIRO Julien</b></sub>](https://github.com/Julienng)<br />[💡](#example-Julienng "Examples") | [<img src="https://avatars1.githubusercontent.com/u/3421067?v=4" width="100px;"/><br /><sub><b>Kim Grönqvist</b></sub>](http://www.kimgronqvist.se)<br />[💻](https://github.com/paypal/downshift/commits?author=kimgronqvist "Code") [⚠️](https://github.com/paypal/downshift/commits?author=kimgronqvist "Tests") | [<img src="https://avatars2.githubusercontent.com/u/3675602?v=4" width="100px;"/><br /><sub><b>Sijie</b></sub>](http://sijietian.com)<br />[🐛](https://github.com/paypal/downshift/issues?q=author%3Atiansijie "Bug reports") [💻](https://github.com/paypal/downshift/commits?author=tiansijie "Code") |
 | [<img src="https://avatars0.githubusercontent.com/u/410792?v=4" width="100px;"/><br /><sub><b>Dony Sukardi</b></sub>](http://dsds.io)<br />[💡](#example-donysukardi "Examples") [💬](#question-donysukardi "Answering Questions") [💻](https://github.com/paypal/downshift/commits?author=donysukardi "Code") [⚠️](https://github.com/paypal/downshift/commits?author=donysukardi "Tests") | [<img src="https://avatars1.githubusercontent.com/u/2755722?v=4" width="100px;"/><br /><sub><b>Dillon Mulroy</b></sub>](https://dillonmulroy.com)<br />[📖](https://github.com/paypal/downshift/commits?author=dmmulroy "Documentation") | [<img src="https://avatars3.githubusercontent.com/u/12440573?v=4" width="100px;"/><br /><sub><b>Curtis Tate Wilkinson</b></sub>](https://twitter.com/curtytate)<br />[💻](https://github.com/paypal/downshift/commits?author=curtiswilkinson "Code") | [<img src="https://avatars3.githubusercontent.com/u/383212?v=4" width="100px;"/><br /><sub><b>Brice BERNARD</b></sub>](https://github.com/brikou)<br />[🐛](https://github.com/paypal/downshift/issues?q=author%3Abrikou "Bug reports") [💻](https://github.com/paypal/downshift/commits?author=brikou "Code") | [<img src="https://avatars3.githubusercontent.com/u/14304503?v=4" width="100px;"/><br /><sub><b>Tony Xu</b></sub>](https://github.com/xutopia)<br />[💻](https://github.com/paypal/downshift/commits?author=xutopia "Code") | [<img src="https://avatars1.githubusercontent.com/u/14035529?v=4" width="100px;"/><br /><sub><b>Anthony Ng</b></sub>](http://anthonyng.me)<br />[📖](https://github.com/paypal/downshift/commits?author=newyork-anthonyng "Documentation") | [<img src="https://avatars2.githubusercontent.com/u/11996139?v=4" width="100px;"/><br /><sub><b>S S</b></sub>](https://github.com/notruth)<br />[💬](#question-notruth "Answering Questions") [💻](https://github.com/paypal/downshift/commits?author=notruth "Code") [📖](https://github.com/paypal/downshift/commits?author=notruth "Documentation") [🤔](#ideas-notruth "Ideas, Planning, & Feedback") [⚠️](https://github.com/paypal/downshift/commits?author=notruth "Tests") |
 | [<img src="https://avatars0.githubusercontent.com/u/29493001?v=4" width="100px;"/><br /><sub><b>Austin Tackaberry</b></sub>](http://austintackaberry.co)<br />[💬](#question-austintackaberry "Answering Questions") [💻](https://github.com/paypal/downshift/commits?author=austintackaberry "Code") [📖](https://github.com/paypal/downshift/commits?author=austintackaberry "Documentation") [🐛](https://github.com/paypal/downshift/issues?q=author%3Aaustintackaberry "Bug reports") [💡](#example-austintackaberry "Examples") [🤔](#ideas-austintackaberry "Ideas, Planning, & Feedback") [👀](#review-austintackaberry "Reviewed Pull Requests") [⚠️](https://github.com/paypal/downshift/commits?author=austintackaberry "Tests") | [<img src="https://avatars3.githubusercontent.com/u/4168055?v=4" width="100px;"/><br /><sub><b>Jean Duthon</b></sub>](https://github.com/jduthon)<br />[🐛](https://github.com/paypal/downshift/issues?q=author%3Ajduthon "Bug reports") [💻](https://github.com/paypal/downshift/commits?author=jduthon "Code") | [<img src="https://avatars3.githubusercontent.com/u/3889580?v=4" width="100px;"/><br /><sub><b>Anton Telesh</b></sub>](http://antontelesh.github.io)<br />[🐛](https://github.com/paypal/downshift/issues?q=author%3AAntontelesh "Bug reports") [💻](https://github.com/paypal/downshift/commits?author=Antontelesh "Code") | [<img src="https://avatars3.githubusercontent.com/u/1060669?v=4" width="100px;"/><br /><sub><b>Eric Edem</b></sub>](https://github.com/ericedem)<br />[💻](https://github.com/paypal/downshift/commits?author=ericedem "Code") [📖](https://github.com/paypal/downshift/commits?author=ericedem "Documentation") [🤔](#ideas-ericedem "Ideas, Planning, & Feedback") [⚠️](https://github.com/paypal/downshift/commits?author=ericedem "Tests") | [<img src="https://avatars3.githubusercontent.com/u/3409645?v=4" width="100px;"/><br /><sub><b>Austin Wood</b></sub>](https://github.com/indiesquidge)<br />[💬](#question-indiesquidge "Answering Questions") [📖](https://github.com/paypal/downshift/commits?author=indiesquidge "Documentation") [👀](#review-indiesquidge "Reviewed Pull Requests") | [<img src="https://avatars3.githubusercontent.com/u/14275790?v=4" width="100px;"/><br /><sub><b>Mark Murray</b></sub>](https://github.com/mmmurray)<br />[🚇](#infra-mmmurray "Infrastructure (Hosting, Build-Tools, etc)") | [<img src="https://avatars0.githubusercontent.com/u/1862172?v=4" width="100px;"/><br /><sub><b>Gianmarco</b></sub>](https://github.com/gsimone)<br />[🐛](https://github.com/paypal/downshift/issues?q=author%3Agsimone "Bug reports") [💻](https://github.com/paypal/downshift/commits?author=gsimone "Code") |
-| [<img src="https://avatars2.githubusercontent.com/u/6838136?v=4" width="100px;"/><br /><sub><b>Emmanuel Pastor</b></sub>](https://github.com/pastr)<br />[💡](#example-pastr "Examples") | [<img src="https://avatars2.githubusercontent.com/u/10345034?v=4" width="100px;"/><br /><sub><b>dalehurwitz</b></sub>](https://github.com/dalehurwitz)<br />[💻](https://github.com/paypal/downshift/commits?author=dalehurwitz "Code") | [<img src="https://avatars1.githubusercontent.com/u/4813007?v=4" width="100px;"/><br /><sub><b>Bogdan Lobor</b></sub>](https://github.com/blobor)<br />[🐛](https://github.com/paypal/downshift/issues?q=author%3Ablobor "Bug reports") [💻](https://github.com/paypal/downshift/commits?author=blobor "Code") | [<img src="https://avatars0.githubusercontent.com/u/1127238?v=4" width="100px;"/><br /><sub><b>Luke Herrington</b></sub>](https://github.com/infiniteluke)<br />[💡](#example-infiniteluke "Examples") | [<img src="https://avatars2.githubusercontent.com/u/6361167?v=4" width="100px;"/><br /><sub><b>Brandon Clemons</b></sub>](https://github.com/drobannx)<br />[💻](https://github.com/paypal/downshift/commits?author=drobannx "Code") | [<img src="https://avatars0.githubusercontent.com/u/10591587?v=4" width="100px;"/><br /><sub><b>Kieran</b></sub>](https://github.com/aMollusk)<br />[💻](https://github.com/paypal/downshift/commits?author=aMollusk "Code") |
-
+| [<img src="https://avatars2.githubusercontent.com/u/6838136?v=4" width="100px;"/><br /><sub><b>Emmanuel Pastor</b></sub>](https://github.com/pastr)<br />[💡](#example-pastr "Examples") | [<img src="https://avatars2.githubusercontent.com/u/10345034?v=4" width="100px;"/><br /><sub><b>dalehurwitz</b></sub>](https://github.com/dalehurwitz)<br />[💻](https://github.com/paypal/downshift/commits?author=dalehurwitz "Code") | [<img src="https://avatars1.githubusercontent.com/u/4813007?v=4" width="100px;"/><br /><sub><b>Bogdan Lobor</b></sub>](https://github.com/blobor)<br />[🐛](https://github.com/paypal/downshift/issues?q=author%3Ablobor "Bug reports") [💻](https://github.com/paypal/downshift/commits?author=blobor "Code") | [<img src="https://avatars0.githubusercontent.com/u/1127238?v=4" width="100px;"/><br /><sub><b>Luke Herrington</b></sub>](https://github.com/infiniteluke)<br />[💡](#example-infiniteluke "Examples") | [<img src="https://avatars2.githubusercontent.com/u/6361167?v=4" width="100px;"/><br /><sub><b>Brandon Clemons</b></sub>](https://github.com/drobannx)<br />[💻](https://github.com/paypal/downshift/commits?author=drobannx "Code") | [<img src="https://avatars0.githubusercontent.com/u/10591587?v=4" width="100px;"/><br /><sub><b>Kieran</b></sub>](https://github.com/aMollusk)<br />[💻](https://github.com/paypal/downshift/commits?author=aMollusk "Code") | [<img src="https://avatars3.githubusercontent.com/u/11570627?v=4" width="100px;"/><br /><sub><b>Brushedoctopus</b></sub>](https://github.com/Brushedoctopus)<br />[🐛](https://github.com/paypal/downshift/issues?q=author%3ABrushedoctopus "Bug reports") [💻](https://github.com/paypal/downshift/commits?author=Brushedoctopus "Code") |
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors][all-contributors] specification.

package/dist/downshift.cjs.js

@@ -441,7 +441,7 @@ var Downshift = function (_Component) {
       inputValue: _this.props.defaultInputValue,
       selectedItem: _this.props.defaultSelectedItem
     });
-    if (state.selectedItem) {
+    if (state.selectedItem != null) {
       state.inputValue = _this.props.itemToString(state.selectedItem);
     }
     _this.state = state;
@@ -685,13 +685,27 @@ var Downshift = function (_Component) {
           });
         }
       };
+      // Touching an element in iOS gives focus and hover states, but touching out of
+      // the element will remove hover, and persist the focus state, resulting in the
+      // blur event not being triggered.
+      var onTouchStart = function (event) {
+        var targetInDownshift = _this3._rootNode && isOrContainsNode(_this3._rootNode, event.target);
+        if (!targetInDownshift && _this3.getState().isOpen) {
+          _this3.reset({ type: Downshift.stateChangeTypes.touchStart }, function () {
+            return _this3.props.onOuterClick(_this3.getStateAndHelpers());
+          });
+        }
+      };
+
       this.props.environment.addEventListener('mousedown', onMouseDown);
       this.props.environment.addEventListener('mouseup', onMouseUp);
+      this.props.environment.addEventListener('touchstart', onTouchStart);
 
       this.cleanup = function () {
         _this3._isMounted = false;
         _this3.props.environment.removeEventListener('mousedown', onMouseDown);
         _this3.props.environment.removeEventListener('mouseup', onMouseUp);
+        _this3.props.environment.removeEventListener('touchstart', onTouchStart);
       };
     }
   };
@@ -806,7 +820,8 @@ Downshift.stateChangeTypes = {
   keyDownSpaceButton: '__autocomplete_keydown_space_button__',
   clickButton: '__autocomplete_click_button__',
   blurButton: '__autocomplete_blur_button__',
-  controlledPropUpdatedSelectedItem: '__autocomplete_controlled_prop_updated_selected_item__'
+  controlledPropUpdatedSelectedItem: '__autocomplete_controlled_prop_updated_selected_item__',
+  touchStart: '__autocomplete_touchstart__'
 };
 
 var _initialiseProps = function () {
@@ -997,6 +1012,12 @@ var _initialiseProps = function () {
     Enter: function Enter(event) {
       if (this.getState().isOpen) {
         event.preventDefault();
+        var itemIndex = this.getState().highlightedIndex;
+        var item = this.items[itemIndex];
+        var itemNode = this.getItemNodeFromIndex(itemIndex);
+        if (item == null || itemNode && itemNode.hasAttribute('disabled')) {
+          return;
+        }
         this.selectHighlightedItem({
           type: Downshift.stateChangeTypes.keyDownEnter
         });
@@ -1058,10 +1079,17 @@ var _initialiseProps = function () {
     if (_this4.props.environment.document.activeElement === _this4.props.environment.document.body) {
       event.target.focus();
     }
-    // Ensure that toggle of menu occurs after the potential blur event in iOS
-    setTimeout(function () {
-      return _this4.toggleMenu({ type: Downshift.stateChangeTypes.clickButton });
-    });
+    // to simplify testing components that use downshift, we'll not wrap this in a setTimeout
+    // if the NODE_ENV is test. With the proper build system, this should be dead code eliminated
+    // when building for production and should therefore have no impact on production code.
+    if (process.env.NODE_ENV === 'test') {
+      _this4.toggleMenu({ type: Downshift.stateChangeTypes.clickButton });
+    } else {
+      // Ensure that toggle of menu occurs after the potential blur event in iOS
+      setTimeout(function () {
+        return _this4.toggleMenu({ type: Downshift.stateChangeTypes.clickButton });
+      });
+    }
   };
 
   this.button_handleBlur = function () {

package/dist/downshift.esm.js

@@ -436,7 +436,7 @@ var Downshift = function (_Component) {
       inputValue: _this.props.defaultInputValue,
       selectedItem: _this.props.defaultSelectedItem
     });
-    if (state.selectedItem) {
+    if (state.selectedItem != null) {
       state.inputValue = _this.props.itemToString(state.selectedItem);
     }
     _this.state = state;
@@ -680,13 +680,27 @@ var Downshift = function (_Component) {
           });
         }
       };
+      // Touching an element in iOS gives focus and hover states, but touching out of
+      // the element will remove hover, and persist the focus state, resulting in the
+      // blur event not being triggered.
+      var onTouchStart = function (event) {
+        var targetInDownshift = _this3._rootNode && isOrContainsNode(_this3._rootNode, event.target);
+        if (!targetInDownshift && _this3.getState().isOpen) {
+          _this3.reset({ type: Downshift.stateChangeTypes.touchStart }, function () {
+            return _this3.props.onOuterClick(_this3.getStateAndHelpers());
+          });
+        }
+      };
+
       this.props.environment.addEventListener('mousedown', onMouseDown);
       this.props.environment.addEventListener('mouseup', onMouseUp);
+      this.props.environment.addEventListener('touchstart', onTouchStart);
 
       this.cleanup = function () {
         _this3._isMounted = false;
         _this3.props.environment.removeEventListener('mousedown', onMouseDown);
         _this3.props.environment.removeEventListener('mouseup', onMouseUp);
+        _this3.props.environment.removeEventListener('touchstart', onTouchStart);
       };
     }
   };
@@ -801,7 +815,8 @@ Downshift.stateChangeTypes = {
   keyDownSpaceButton: '__autocomplete_keydown_space_button__',
   clickButton: '__autocomplete_click_button__',
   blurButton: '__autocomplete_blur_button__',
-  controlledPropUpdatedSelectedItem: '__autocomplete_controlled_prop_updated_selected_item__'
+  controlledPropUpdatedSelectedItem: '__autocomplete_controlled_prop_updated_selected_item__',
+  touchStart: '__autocomplete_touchstart__'
 };
 
 var _initialiseProps = function () {
@@ -992,6 +1007,12 @@ var _initialiseProps = function () {
     Enter: function Enter(event) {
       if (this.getState().isOpen) {
         event.preventDefault();
+        var itemIndex = this.getState().highlightedIndex;
+        var item = this.items[itemIndex];
+        var itemNode = this.getItemNodeFromIndex(itemIndex);
+        if (item == null || itemNode && itemNode.hasAttribute('disabled')) {
+          return;
+        }
         this.selectHighlightedItem({
           type: Downshift.stateChangeTypes.keyDownEnter
         });
@@ -1053,10 +1074,17 @@ var _initialiseProps = function () {
     if (_this4.props.environment.document.activeElement === _this4.props.environment.document.body) {
       event.target.focus();
     }
-    // Ensure that toggle of menu occurs after the potential blur event in iOS
-    setTimeout(function () {
-      return _this4.toggleMenu({ type: Downshift.stateChangeTypes.clickButton });
-    });
+    // to simplify testing components that use downshift, we'll not wrap this in a setTimeout
+    // if the NODE_ENV is test. With the proper build system, this should be dead code eliminated
+    // when building for production and should therefore have no impact on production code.
+    if (process.env.NODE_ENV === 'test') {
+      _this4.toggleMenu({ type: Downshift.stateChangeTypes.clickButton });
+    } else {
+      // Ensure that toggle of menu occurs after the potential blur event in iOS
+      setTimeout(function () {
+        return _this4.toggleMenu({ type: Downshift.stateChangeTypes.clickButton });
+      });
+    }
   };
 
   this.button_handleBlur = function () {

package/dist/downshift.native.cjs.js

@@ -326,7 +326,7 @@ var Downshift = function (_Component) {
       inputValue: _this.props.defaultInputValue,
       selectedItem: _this.props.defaultSelectedItem
     });
-    if (state.selectedItem) {
+    if (state.selectedItem != null) {
       state.inputValue = _this.props.itemToString(state.selectedItem);
     }
     _this.state = state;
@@ -658,7 +658,8 @@ Downshift.stateChangeTypes = {
   keyDownSpaceButton: '__autocomplete_keydown_space_button__',
   clickButton: '__autocomplete_click_button__',
   blurButton: '__autocomplete_blur_button__',
-  controlledPropUpdatedSelectedItem: '__autocomplete_controlled_prop_updated_selected_item__'
+  controlledPropUpdatedSelectedItem: '__autocomplete_controlled_prop_updated_selected_item__',
+  touchStart: '__autocomplete_touchstart__'
 };
 
 var _initialiseProps = function () {
@@ -849,6 +850,12 @@ var _initialiseProps = function () {
     Enter: function Enter(event) {
       if (this.getState().isOpen) {
         event.preventDefault();
+        var itemIndex = this.getState().highlightedIndex;
+        var item = this.items[itemIndex];
+        var itemNode = this.getItemNodeFromIndex(itemIndex);
+        if (item == null || itemNode && itemNode.hasAttribute('disabled')) {
+          return;
+        }
         this.selectHighlightedItem({
           type: Downshift.stateChangeTypes.keyDownEnter
         });
@@ -909,10 +916,17 @@ var _initialiseProps = function () {
     if (_this4.props.environment.document.activeElement === _this4.props.environment.document.body) {
       event.target.focus();
     }
-    // Ensure that toggle of menu occurs after the potential blur event in iOS
-    setTimeout(function () {
-      return _this4.toggleMenu({ type: Downshift.stateChangeTypes.clickButton });
-    });
+    // to simplify testing components that use downshift, we'll not wrap this in a setTimeout
+    // if the NODE_ENV is test. With the proper build system, this should be dead code eliminated
+    // when building for production and should therefore have no impact on production code.
+    if (process.env.NODE_ENV === 'test') {
+      _this4.toggleMenu({ type: Downshift.stateChangeTypes.clickButton });
+    } else {
+      // Ensure that toggle of menu occurs after the potential blur event in iOS
+      setTimeout(function () {
+        return _this4.toggleMenu({ type: Downshift.stateChangeTypes.clickButton });
+      });
+    }
   };
 
   this.button_handleBlur = function () {

package/dist/downshift.umd.js

@@ -442,7 +442,7 @@
         inputValue: _this.props.defaultInputValue,
         selectedItem: _this.props.defaultSelectedItem
       });
-      if (state.selectedItem) {
+      if (state.selectedItem != null) {
         state.inputValue = _this.props.itemToString(state.selectedItem);
       }
       _this.state = state;
@@ -686,13 +686,27 @@
             });
           }
         };
+        // Touching an element in iOS gives focus and hover states, but touching out of
+        // the element will remove hover, and persist the focus state, resulting in the
+        // blur event not being triggered.
+        var onTouchStart = function (event) {
+          var targetInDownshift = _this3._rootNode && isOrContainsNode(_this3._rootNode, event.target);
+          if (!targetInDownshift && _this3.getState().isOpen) {
+            _this3.reset({ type: Downshift.stateChangeTypes.touchStart }, function () {
+              return _this3.props.onOuterClick(_this3.getStateAndHelpers());
+            });
+          }
+        };
+
         this.props.environment.addEventListener('mousedown', onMouseDown);
         this.props.environment.addEventListener('mouseup', onMouseUp);
+        this.props.environment.addEventListener('touchstart', onTouchStart);
 
         this.cleanup = function () {
           _this3._isMounted = false;
           _this3.props.environment.removeEventListener('mousedown', onMouseDown);
           _this3.props.environment.removeEventListener('mouseup', onMouseUp);
+          _this3.props.environment.removeEventListener('touchstart', onTouchStart);
         };
       }
     };
@@ -807,7 +821,8 @@
     keyDownSpaceButton: '__autocomplete_keydown_space_button__',
     clickButton: '__autocomplete_click_button__',
     blurButton: '__autocomplete_blur_button__',
-    controlledPropUpdatedSelectedItem: '__autocomplete_controlled_prop_updated_selected_item__'
+    controlledPropUpdatedSelectedItem: '__autocomplete_controlled_prop_updated_selected_item__',
+    touchStart: '__autocomplete_touchstart__'
   };
 
   var _initialiseProps = function () {
@@ -998,6 +1013,12 @@
       Enter: function Enter(event) {
         if (this.getState().isOpen) {
           event.preventDefault();
+          var itemIndex = this.getState().highlightedIndex;
+          var item = this.items[itemIndex];
+          var itemNode = this.getItemNodeFromIndex(itemIndex);
+          if (item == null || itemNode && itemNode.hasAttribute('disabled')) {
+            return;
+          }
           this.selectHighlightedItem({
             type: Downshift.stateChangeTypes.keyDownEnter
           });
@@ -1059,6 +1080,10 @@
       if (_this4.props.environment.document.activeElement === _this4.props.environment.document.body) {
         event.target.focus();
       }
+      // to simplify testing components that use downshift, we'll not wrap this in a setTimeout
+      // if the NODE_ENV is test. With the proper build system, this should be dead code eliminated
+      // when building for production and should therefore have no impact on production code.
+
       // Ensure that toggle of menu occurs after the potential blur event in iOS
       setTimeout(function () {
         return _this4.toggleMenu({ type: Downshift.stateChangeTypes.clickButton });