From cd1a8031231d430f8cc134fccf2f410bf14be347 Mon Sep 17 00:00:00 2001
From: MathuraMG <mmg9291@gmail.com>
Date: Thu, 11 Aug 2016 21:26:49 -0400
Subject: [PATCH] move accessiblity region inside main editor block

---
 client/modules/IDE/components/Editor.js | 10 +++++++++-
 client/modules/IDE/pages/IDEView.js     |  3 ---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/client/modules/IDE/components/Editor.js b/client/modules/IDE/components/Editor.js
index 336c2a66..640761f8 100644
--- a/client/modules/IDE/components/Editor.js
+++ b/client/modules/IDE/components/Editor.js
@@ -1,4 +1,5 @@
 import React, { PropTypes } from 'react';
+import EditorAccessibility from '../components/EditorAccessibility';
 import CodeMirror from 'codemirror';
 import 'codemirror/mode/javascript/javascript';
 import 'codemirror/mode/css/css';
@@ -98,7 +99,13 @@ class Editor extends React.Component {
 
   render() {
     return (
-      <div ref="container" className="editor-holder" tabIndex="0" title="code editor" role="main">
+      <div>
+        <div ref="container" className="editor-holder" tabIndex="0" title="code editor" role="main">
+        </div>
+        <EditorAccessibility
+          lintMessages={this.props.lintMessages}
+          lineNo={this.props.lineNo}
+        />
       </div>
     );
   }
@@ -106,6 +113,7 @@ class Editor extends React.Component {
 
 Editor.propTypes = {
   lintWarning: PropTypes.bool.isRequired,
+  lineNo: PropTypes.string.isRequired,
   lintMessages: PropTypes.array.isRequired,
   updateLintMessage: PropTypes.func.isRequired,
   clearLintMessage: PropTypes.func.isRequired,
diff --git a/client/modules/IDE/pages/IDEView.js b/client/modules/IDE/pages/IDEView.js
index 5429eeb2..5e89e08d 100644
--- a/client/modules/IDE/pages/IDEView.js
+++ b/client/modules/IDE/pages/IDEView.js
@@ -1,6 +1,5 @@
 import React, { PropTypes } from 'react';
 import Editor from '../components/Editor';
-import EditorAccessibility from '../components/EditorAccessibility';
 import Sidebar from '../components/Sidebar';
 import PreviewFrame from '../components/PreviewFrame';
 import Toolbar from '../components/Toolbar';
@@ -174,8 +173,6 @@ class IDEView extends React.Component {
                   fontSize={this.props.preferences.fontSize}
                   indentationAmount={this.props.preferences.indentationAmount}
                   isTabIndent={this.props.preferences.isTabIndent}
-                />
-                <EditorAccessibility
                   lintMessages={this.props.editorAccessibility.lintMessages}
                   lineNo={this.props.editorAccessibility.lineNo}
                 />