From b5f173efd90460e93dbdc01c242fd408e513c6d7 Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Fri, 23 Oct 2020 17:04:54 +0100
Subject: [PATCH] Hide focus ring for mouse users

Fixes https://github.com/matrix-org/matrix.to/issues/120
---
 package.json   |  1 +
 src/index.scss |  5 +++++
 src/index.tsx  | 11 ++++++-----
 yarn.lock      |  5 +++++
 4 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index ee32f92..66da327 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
         "react": "^16.13.1",
         "react-dom": "^16.13.1",
         "react-scripts": "3.4.1",
+        "what-input": "^5.2.10",
         "zod": "^1.10.3"
     },
     "scripts": {
diff --git a/src/index.scss b/src/index.scss
index a628c94..9ac7302 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -65,6 +65,11 @@ hr {
     margin: 0 40px;
 }
 
+// Suppress focus ring on form controls for mouse users
+[data-whatintent='mouse'] *:focus {
+    outline: none;
+}
+
 .matrixIdentifier {
     word-break: break-all;
 }
diff --git a/src/index.tsx b/src/index.tsx
index d55556b..f56a390 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,11 +1,12 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import "./index.scss";
-import App from "./App";
+import 'what-input';
+import React from 'react';
+import ReactDOM from 'react-dom';
+import './index.scss';
+import App from './App';
 
 ReactDOM.render(
     <React.StrictMode>
         <App />
     </React.StrictMode>,
-    document.getElementById("root")
+    document.getElementById('root')
 );
diff --git a/yarn.lock b/yarn.lock
index 203a72d..dc8a5e2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -14293,6 +14293,11 @@ websocket-extensions@>=0.1.1:
   resolved "https://registry.yarnpkg.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
   integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
 
+what-input@^5.2.10:
+  version "5.2.10"
+  resolved "https://registry.yarnpkg.com/what-input/-/what-input-5.2.10.tgz#f79f5b65cf95d75e55e6d580bb0a6b98174cad4e"
+  integrity sha512-7AQoIMGq7uU8esmKniOtZG3A+pzlwgeyFpkS3f/yzRbxknSL68tvn5gjE6bZ4OMFxCPjpaBd2udUTqlZ0HwrXQ==
+
 whatwg-encoding@^1.0.1, whatwg-encoding@^1.0.3, whatwg-encoding@^1.0.5:
   version "1.0.5"
   resolved "https://registry.yarnpkg.com/whatwg-encoding/-/whatwg-encoding-1.0.5.tgz#5abacf777c32166a51d085d6b4f3e7d27113ddb0"