www

commit 4d6190c5813d0ad2c291df50e2e0f43175bfc38a
parent 45853fad3e377606207f42f49146347c34b96295
Author: Davide P. Cervone <dpvc@union.edu>
Date:   Tue,  6 Oct 2015 20:48:15 -0400

Use inline-table to make focus outline work better for all browsers.  Resolves issue #1282

Diffstat:
M
unpacked/jax/output/CommonHTML/jax.js
 | 
3
+++
M
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
@@ -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
@@ -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",