From da31cb9651929b4662bb5447c5c7e7eeb8502fcc Mon Sep 17 00:00:00 2001
From: L-x-C <lxc.neal@gmail.com>
Date: Tue, 6 Jun 2017 11:12:00 +0800
Subject: [PATCH] add afterDropdownVisibleChange

---
 examples/single.js | 5 +++++
 src/Select.jsx     | 2 ++
 2 files changed, 7 insertions(+)

diff --git a/examples/single.js b/examples/single.js
index fb9c3606d..db5bd5d77 100644
--- a/examples/single.js
+++ b/examples/single.js
@@ -38,6 +38,10 @@ class Test extends React.Component {
     console.log('onFocus');
   };
 
+  afterDropdownVisibleChange = (open, popupDOMNode) => {
+    console.log('afterDropdownVisibleChange', open, popupDOMNode);
+  };
+
   render() {
     if (this.state.destroy) {
       return null;
@@ -53,6 +57,7 @@ class Test extends React.Component {
             value={this.state.value}
             placeholder="placeholder"
             dropdownMenuStyle={{ maxHeight: 200, overflow: 'auto' }}
+            afterDropdownVisibleChange={this.afterDropdownVisibleChange}
             style={{ width: 500 }}
             onBlur={this.onBlur}
             onFocus={this.onFocus}
diff --git a/src/Select.jsx b/src/Select.jsx
index c26244474..cdc3676a2 100644
--- a/src/Select.jsx
+++ b/src/Select.jsx
@@ -55,6 +55,7 @@ const Select = createClass({
       onSelect: noop,
       onSearch: noop,
       onDeselect: noop,
+      afterDropdownVisibleChange: () => {},
       showArrow: true,
       dropdownMatchSelectWidth: true,
       dropdownStyle: {},
@@ -538,6 +539,7 @@ const Select = createClass({
       if (open) {
         this.maybeFocus(open, needFocus);
       }
+      this.props.afterDropdownVisibleChange(open, this.getPopupDOMNode());
     });
   },
   setInputValue(inputValue, fireSearch = true) {