From e9f4d39f2bc29fc3ff3d46edf7b3b6850ac0f291 Mon Sep 17 00:00:00 2001
From: Daniel Imms <daimms@microsoft.com>
Date: Fri, 4 May 2018 06:27:40 -0700
Subject: [PATCH] Start on selection

---
 src/renderer/dom/DomRenderer.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/renderer/dom/DomRenderer.ts b/src/renderer/dom/DomRenderer.ts
index bc73e1f2..1e0708aa 100644
--- a/src/renderer/dom/DomRenderer.ts
+++ b/src/renderer/dom/DomRenderer.ts
@@ -18,7 +18,10 @@ const CURSOR_CLASS = 'xterm-cursor';
 const FG_CLASS_PREFIX = 'xterm-fg-';
 const BG_CLASS_PREFIX = 'xterm-bg-';
 const FOCUS_CLASS = 'xterm-focus';
+const SELECTED_CLASS = 'xterm-selected';
 
+// TODO: Use aria-hidden to prevent screen reader from seeing the rendered elements
+// TODO: Document that links aren't supported in the DOM renderer
 // TODO: Pull into an addon?
 export class DomRenderer extends EventEmitter implements IRenderer {
   private _renderDebouncer: RenderDebouncer;
@@ -114,6 +117,16 @@ export class DomRenderer extends EventEmitter implements IRenderer {
         `.xterm .${ROW_CONTAINER_CLASS}:not(.${FOCUS_CLASS}) .${CURSOR_CLASS} {` +
         ` outline: 1px solid #fff;` +
         ` outline-offset: -1px;` +
+        `}` +
+        `.xterm span.${SELECTED_CLASS}:after {` +
+        ` content: "";` +
+        ` display: block;` +
+        ` left: 0;` +
+        ` right: 0;` +
+        ` top: 0;` +
+        ` bottom: 0;` +
+        ` background-color: #FFF;` +
+        ` opacity: 0.5;` +
         `}`;
     // TODO: Copy canvas renderer behavior for cursor
     this.colorManager.colors.ansi.forEach((c, i) => {