From 8f385377cf3051bc70d9e2eea42592385946efdf Mon Sep 17 00:00:00 2001
From: Nathan Sobo <nathan@github.com>
Date: Fri, 10 Mar 2017 10:22:46 -0700
Subject: [PATCH] Make cursors render above lines

---
 src/text-editor-component.js | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/text-editor-component.js b/src/text-editor-component.js
index c3b6c83d0..5b25f3442 100644
--- a/src/text-editor-component.js
+++ b/src/text-editor-component.js
@@ -258,7 +258,14 @@ class TextEditorComponent {
       )
     }
 
-    return $.div({ref: 'content', style}, children)
+    return $.div(
+      {
+        ref: 'content',
+        on: {mousedown: this.didMouseDownOnContent},
+        style
+      },
+      children
+    )
   }
 
   renderLineTiles (width, height) {
@@ -320,9 +327,6 @@ class TextEditorComponent {
         position: 'absolute',
         contain: 'strict',
         width, height
-      },
-      on: {
-        mousedown: this.didMouseDownOnLines
       }
     }, tileNodes)
   }
@@ -350,6 +354,7 @@ class TextEditorComponent {
       style: {
         position: 'absolute',
         contain: 'strict',
+        zIndex: 1,
         width, height
       }
     }, children)
@@ -741,7 +746,7 @@ class TextEditorComponent {
     event.target.value = ''
   }
 
-  didMouseDownOnLines (event) {
+  didMouseDownOnContent (event) {
     const {model} = this.props
     const {detail, ctrlKey, shiftKey, metaKey} = event
     const screenPosition = this.screenPositionForMouseEvent(event)