Fixed #1360 - When the input filter element is clicked, the panel clo…

…ses on DropDown

src/components/dropdown/Dropdown.js

@@ -110,6 +110,7 @@ export class Dropdown extends Component {
         this.onOptionClick = this.onOptionClick.bind(this);
         this.onFilterInputChange = this.onFilterInputChange.bind(this);
         this.onFilterInputKeyDown = this.onFilterInputKeyDown.bind(this);
+        this.onPanelClick = this.onPanelClick.bind(this);
         this.clear = this.clear.bind(this);
     }
 
@@ -154,6 +155,10 @@ export class Dropdown extends Component {
         }
     }
 
+    onPanelClick(event) {
+        event.stopPropagation();
+    }
+
     onUpKey(event) {
         if (this.props.options) {
             let selectedItemIndex = this.findOptionIndex(this.props.value);
@@ -743,7 +748,7 @@ export class Dropdown extends Component {
                  {dropdownIcon}
                  <DropdownPanel ref={(el) => this.panel = el} appendTo={this.props.appendTo}
                     panelStyle={this.props.panelStyle} panelClassName={this.props.panelClassName}
-                    scrollHeight={this.props.scrollHeight} filter={filterElement}>
+                    scrollHeight={this.props.scrollHeight} filter={filterElement} onClick={this.onPanelClick}>
                     {items}
                  </DropdownPanel>
             </div>