Add html_size prop to Select (#725)

Author: tcbegley

src/components/input/Select.js

@@ -8,7 +8,7 @@ import RBFormSelect from 'react-bootstrap/FormSelect';
  * list of dictionaries with keys label, value and disabled.
  */
 const Select = props => {
-  const {className, class_name, ...otherProps} = props;
+  const {className, class_name, html_size, ...otherProps} = props;
 
   const handleChange = e => {
     if (props.setProps) {
@@ -31,6 +31,7 @@ const Select = props => {
       )}
       onChange={handleChange}
       className={class_name || className}
+      htmlSize={html_size}
     >
       <option value="" disabled hidden>
         {props.placeholder}
@@ -167,6 +168,13 @@ Select.propTypes = {
    */
   size: PropTypes.string,
 
+  /**
+   * This represents the number of rows in the select that should be visible at
+   * one time. It will result in the Select being rendered as a scrolling list
+   * box rather than a dropdown.
+   */
+  html_size: PropTypes.string,
+
   /**
    * Used to allow user interactions in this component to be persisted when
    * the component - or the page - is refreshed. If `persisted` is truthy and