Prevent selected children after multiple transitions with user-select: none.

Author: marnusw

CHANGELOG.md

@@ -1,6 +1,6 @@
 ### v3.0.1 (2 October 2017)
 
-* [BUGFIX] Stop clearing the selection after an animation since it causes child form inputs to lose focus on each update. (#50)
+* [BUGFIX] Prevent animating child selection with CSS rather than clearing with JS so form inputs don't lose focus on each update. (#50)
 
 ### v3.0.0 (27 August 2017)
 

src/ReactCSSTransitionReplace.jsx

@@ -281,6 +281,9 @@ export default class ReactCSSTransitionReplace extends React.Component {
       left: 0,
       right: 0,
       bottom: 0,
+      // In Chrome a selection on a child due to multiple clicks often transfers to the final child after
+      // the transitions completes. This prevents selection of the child without other side-effects.
+      userSelect: 'none',
     }
 
     Object.keys(prevChildren).forEach(key => {