Merge pull request #73 from Detaysoft/next

Next 10.0.4

Author: abdurrahmanekr

README.md

@@ -276,6 +276,7 @@ this.refs.input.clear();
 | inputRef | none | function | input or textarea ref |
 | maxlength | none | int | input or textarea maxlength |
 | onMaxLengthExceed | none | function | called when max length exceed |
+| autofocus | false | bool | input autofocus |
 
 
 ## Button Component

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-chat-elements",
-  "version": "10.0.3",
+  "version": "10.0.4",
   "description": "Reactjs chat components",
   "author": "Avare Kodcu <abdurrahmaneker58@gmail.com>",
   "main": "dist/main.js",

src/Input/Input.js

@@ -46,6 +46,11 @@ export class Input extends Component {
         this.onChange(event);
     }
 
+    componentDidMount() {
+        if (this.props.autofocus === true)
+            this.input.focus();
+    }
+
     render() {
         return (
             <div className={classNames('rce-container-input', this.props.className)}>
@@ -131,6 +136,7 @@ Input.defaultProps = {
     inputRef: null,
     maxlength: null,
     onMaxLengthExceed: null,
+    autofocus: false,
 };
 
 export default Input;