WIP

Author: nLight

docs/src/List/index.js

@@ -115,7 +115,11 @@ class ListExample extends React.Component {
           <ComponentExample>
             <div className="row row-flex">
               <div className="column-9">
-                <List content={this.getComplexNestedList()} tag="ol" />
+                <List
+                  transition={true}
+                  content={this.getComplexNestedList()}
+                  tag="ol"
+                />
               </div>
               <div className="column-3">
                 <button

src/Dropdown/Dropdown.js

@@ -396,17 +396,18 @@ class Dropdown extends Util.mixin(BindMixin) {
       );
     }
 
-    if (state.renderHidden) {
-      dropdownMenu = (
-        <div key="concealer" className="dropdown-menu-concealer">
-          {dropdownMenu}
-        </div>
-      );
-    }
+    // if (state.renderHidden) {
+    //   dropdownMenu = (
+    //     <div key="concealer" className="dropdown-menu-concealer">
+    //       {dropdownMenu}
+    //     </div>
+    //   );
+    // }
 
     if (props.transition) {
       dropdownMenu = (
         <CSSTransition
+          in={state.isOpen && !state.renderHidden}
           classNames={transitionName}
           timeout={{
             enter: props.transitionEnterTimeout,

src/List/List.js

@@ -57,6 +57,7 @@ class List extends React.Component {
     if (props.transition) {
       return (
         <CSSTransition
+          in={true}
           className={props.className}
           classNames={props.transitionName}
           timeout={{

src/Modal/ModalContents.js

@@ -382,6 +382,7 @@ class ModalContents extends Util.mixin(BindMixin) {
 
     return (
       <CSSTransition
+        in={props.open}
         appear={props.transitionAppear}
         enter={props.transitionEnter}
         exit={props.transitionExit}