From 6b7eafe22429f58256bc78495398e814122cfabb Mon Sep 17 00:00:00 2001
From: Rodrigo Ferreira <rodrigofepy@gmail.com>
Date: Wed, 15 Nov 2017 06:39:27 -0300
Subject: [PATCH] [Drawer] Hide focus ring (#9147)

* [Drawer] Hide focus ring

* Update Drawer.js
---
 src/Drawer/Drawer.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/Drawer/Drawer.js b/src/Drawer/Drawer.js
index e2a9224fd90929..4d163332971a02 100644
--- a/src/Drawer/Drawer.js
+++ b/src/Drawer/Drawer.js
@@ -40,6 +40,12 @@ export const styles = (theme: Object) => ({
     // temporary style
     position: 'fixed',
     top: 0,
+    // We disable the focus ring for mouse, touch and keyboard users.
+    // At some point, it would be better to keep it for keyboard users.
+    // :focus-ring CSS pseudo-class will help.
+    '&:focus': {
+      outline: 'none',
+    },
   },
   paperAnchorLeft: {
     left: 0,