From 47add752780fd462eefdfb2601923487dc421d6d Mon Sep 17 00:00:00 2001
From: Travis Ralston <travpc@gmail.com>
Date: Fri, 17 May 2019 15:25:17 -0600
Subject: [PATCH] Add class to hide focus highlight

We use tabIndex to make elements selectable and therefore focused by screen readers. Doing this draws a blue border (in chrome at least) around the element - in some cases, we don't want this.
---
 res/css/_common.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/res/css/_common.scss b/res/css/_common.scss
index d46f38bddb..ba239b8ca8 100644
--- a/res/css/_common.scss
+++ b/res/css/_common.scss
@@ -110,6 +110,10 @@ textarea {
     color: $primary-fg-color;
 }
 
+.mx_HiddenFocusable {
+    outline: none;
+}
+
 // .mx_textinput is a container for a text input
 // + some other controls like buttons, ...
 // it has the appearance of a text box so the controls