From 8de170135e8a608c3adfa03f48503830a61538d4 Mon Sep 17 00:00:00 2001
From: MathuraMG <mmg9291@gmail.com>
Date: Thu, 1 Sep 2016 12:51:38 -0400
Subject: [PATCH] switch to react refs

---
 client/modules/IDE/components/TextOutput.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/modules/IDE/components/TextOutput.js b/client/modules/IDE/components/TextOutput.js
index 515bfc28..777dd370 100644
--- a/client/modules/IDE/components/TextOutput.js
+++ b/client/modules/IDE/components/TextOutput.js
@@ -2,13 +2,14 @@ import React from 'react';
 
 class TextOutput extends React.Component {
   componentDidMount() {
-    document.getElementById('canvas-sub').focus();
+    this.refs.canvasTextOutput.focus();
   }
   render() {
     return (
       <section
         className="text-output"
         id="canvas-sub"
+        ref="canvasTextOutput"
         tabIndex="0"
         aria-label="text-output"
         title="canvas text output"