Support for \boxed{} and \slash{} in Chrome.

Chrome doesn't support <menclose>.
Thanks to Monica Kang with the styling of \slash{}.

Author: distler

public/javascripts/page_helper.js

@@ -364,7 +364,7 @@ function hrefShim() {
 }
 
 function replaceWithName(node, name) {
-    newNode = document.createElement(name);
+    var newNode = document.createElement(name);
     var children = node.childNodes;
     for (var i = 0; i < children.length; i++){
         var child = document.importNode(children[i], true);
@@ -377,6 +377,34 @@ function replaceWithName(node, name) {
     node.parentNode.replaceChild(newNode, node);
 }
 
+function mencloseShim() {
+    var div = document.createElement('div');
+    var menc = document.createElementNS('http://www.w3.org/1998/Math/MathML', 'menclose');
+    var mi = document.createElementNS('http://www.w3.org/1998/Math/MathML', 'mi');
+    menc.setAttribute('notation', 'box');
+    mi.textContent = '1';
+    menc.appendChild(mi);
+    div.appendChild(menc);
+    document.body.appendChild(div);
+    mencloseSupported = (div.getBoundingClientRect().height > mi.getBoundingClientRect().height);
+    document.body.removeChild(div);
+    if (!mencloseSupported) {
+        var boxes = document.querySelectorAll('menclose[notation=box]');
+        if (boxes[0]) {
+            for (var i = 0; i < boxes.length; i++){
+                boxes[i].style.border = '1px solid';
+                boxes[i].style.padding = '3px';
+            }
+        }
+        var slashed = document.querySelectorAll('menclose[notation=updiagonalstrike]');
+        if (slashed[0]) {
+            for (var i = 0; i < slashed.length; i++){
+              slashed[i].className = 'strikediag';
+            }
+        }
+    }
+}
+
 function minMathWidth() {
   var maths = document.querySelectorAll('math[display=block], table');
   if (maths && maths.length > 0) {
@@ -405,4 +433,5 @@ document.observe("dom:loaded", function (){
         tableAlignShim();
         minMathWidth();
         hrefShim();
+        mencloseShim();
 });

public/stylesheets/instiki.css

@@ -537,6 +537,21 @@ annotation-xml[encoding="SVG1.1"]  {
 [actiontype="toggle"]:hover {text-shadow: #ccc 2px 2px 5px;}
 .maruku_toc ul { list-style: none; }
 
+.strikediag {
+  display: inline-block;
+  position: relative;
+}
+.strikediag:before {
+    position: absolute;
+    content: "";
+    left: 2.5px;
+	padding: 10px 15px 10px 5px;
+    top: 20%;
+    right: 0;
+    border-top: 1px solid;
+    border-color: inherit;
+    transform:rotate(-50deg);}
+
 /* The STIX Two fonts are licensed under the SIL Open Font License, Version 1.1, http://scripts.sil.org/OFL */
 math  {font-family: STIX Two Math;}
 mtext {font-family: STIX Two Text;}