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

This commit is contained in:
Davide P. Cervone 2015-10-06 20:48:15 -04:00
parent 45853fad3e
commit 4d6190c581
2 changed files with 6 additions and 14 deletions

View File

@ -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",

View File

@ -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",