Propagate tabindex prop to editor's scroll container (zenoamaro#338)

* Propagate tabindex prop to editor's scroll container

Quill unfortunately doesn't provide an API to set the editor's
tabindex, so we have to override it directly on its dom node.
Also see zenoamaro#232 (comment)

* Update component.js

src/component.js

@@ -267,13 +267,14 @@ var QuillComponent = createClass({
 
 	getEditorConfig: function() {
 		return {
-			bounds:             this.props.bounds,
-			formats:            this.props.formats,
-			modules:            this.props.modules,
-			placeholder:        this.props.placeholder,
-			readOnly:           this.props.readOnly,
-			theme:              this.props.theme,
-			scrollingContainer: this.props.scrollingContainer,
+			bounds:       this.props.bounds,
+			formats:      this.props.formats,
+			modules:      this.props.modules,
+			placeholder:  this.props.placeholder,
+			readOnly:     this.props.readOnly,
+      			scrollingContainer: this.props.scrollingContainer,
+			tabIndex:     this.props.tabIndex,
+			theme:        this.props.theme,
 		};
 	},
 

src/mixin.js

@@ -10,6 +10,9 @@ var QuillMixin = {
 	*/
 	createEditor: function($el, config) {
 		var editor = new Quill($el, config);
+		if (config.tabIndex !== undefined) {
+			this.setEditorTabIndex(editor, config.tabIndex);
+		}
 		this.hookEditor(editor);
 		return editor;
 	},
@@ -83,6 +86,12 @@ var QuillMixin = {
 		editor.setSelection(range);
 	},
 
+	setEditorTabIndex: function(editor, tabIndex) {
+		if (editor.editor && editor.editor.scroll && editor.editor.scroll.domNode) {
+			editor.editor.scroll.domNode.tabIndex = tabIndex;
+		}
+	},
+
 	/*
 	Returns an weaker, unprivileged proxy object that only
 	exposes read-only accessors found on the editor instance,