[Drawer] Hide focus ring (mui#9147)

* [Drawer] Hide focus ring * Update Drawer.js
the-noob · Nov 17, 2017 · 6b7eafe · 6b7eafe
1 parent 6b389db
commit 6b7eafe
Showing 1 changed file with 6 additions and 0 deletions.
diff --git 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,