From 4d6190c5813d0ad2c291df50e2e0f43175bfc38a Mon Sep 17 00:00:00 2001
From: "Davide P. Cervone" <dpvc@union.edu>
Date: Tue, 6 Oct 2015 20:48:15 -0400
Subject: [PATCH] Use inline-table to make focus outline work better for all
 browsers.  Resolves issue #1282

---
 unpacked/jax/output/CommonHTML/jax.js |  3 +++
 unpacked/jax/output/HTML-CSS/jax.js   | 17 +++--------------
 2 files changed, 6 insertions(+), 14 deletions(-)

diff --git a/unpacked/jax/output/CommonHTML/jax.js b/unpacked/jax/output/CommonHTML/jax.js
index 980c532d4..1716ade73 100644
--- a/unpacked/jax/output/CommonHTML/jax.js
+++ b/unpacked/jax/output/CommonHTML/jax.js
@@ -67,6 +67,9 @@
       "margin":     "1em 0",
       padding:      0
     },
+    ".mjx-chtml[tabindex], *:focus .mjx-chtml[tabindex]": {
+      display: "inline-table"  // see issue #1282
+    },
 
     ".mjx-math":   {
       "display":         "inline-block",
diff --git a/unpacked/jax/output/HTML-CSS/jax.js b/unpacked/jax/output/HTML-CSS/jax.js
index 2d859fdd1..f2ad297b6 100644
--- a/unpacked/jax/output/HTML-CSS/jax.js
+++ b/unpacked/jax/output/HTML-CSS/jax.js
@@ -266,20 +266,9 @@
         },
 
         // Focus elements for keyboard tabbing.
-        ".MathJax:focus": (
-          (MathJax.Hub.Browser.isSafari || MathJax.Hub.Browser.isChrome) ? {
-            display:"inline-block",
-            outline:"none",
-            margin:"-3px",
-            padding:"3px",
-            "-webkit-box-shadow": "0px 0px 5px #345, inset 0px 0px 5px #345",
-            "box-shadow": "0px 0px 5px #345, inset 0px 0px 5px #345"
-          } : {
-            display:"inline-block",
-            outline:"none",
-            border:"1px dotted",
-            margin:"-1px"
-          }),
+        ".MathJax:focus, *:focus .MathJax": {
+            display:"inline-table" // see issue #1282
+        },
 
         ".MathJax_Display": {
           position: "relative",