From f351d3e6a27596fabc8061e88ad87efc0d4933b3 Mon Sep 17 00:00:00 2001
From: Frank Sauerburger <frank@sauerburger.com>
Date: Wed, 6 Jan 2021 11:08:51 +0100
Subject: [PATCH] Ensure compatibility with Chrome

---
 uhepp-js/src/common.scss              |  2 +-
 uhepp-js/src/components/UheppHist.jsx | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/uhepp-js/src/common.scss b/uhepp-js/src/common.scss
index 1fc98ea..75bda6f 100644
--- a/uhepp-js/src/common.scss
+++ b/uhepp-js/src/common.scss
@@ -24,7 +24,7 @@ a:hover {
 
 .access-menu {
   .dropdown-menu {
-    width: 350;
+    width: 350px;
   }
   .highlight pre {
     overflow-x: auto;
diff --git a/uhepp-js/src/components/UheppHist.jsx b/uhepp-js/src/components/UheppHist.jsx
index 1f2f6e1..5185d41 100644
--- a/uhepp-js/src/components/UheppHist.jsx
+++ b/uhepp-js/src/components/UheppHist.jsx
@@ -449,9 +449,9 @@ const EmbeddedMathJax = ({src, posX, posY, align="left"}) => {
 	node.innerHTML = outerHTML;
 	let rendered_svg = node.getElementsByTagName("svg")[0];
 	const scale = 6
-	const width = rendered_svg.width.baseVal.value * scale
-	const transX = rendered_svg.width.baseVal.value * scale / rendered_svg.viewBox.baseVal.width
-	const transY = rendered_svg.height.baseVal.value * scale / rendered_svg.viewBox.baseVal.height
+	const width = rendered_svg.width.baseVal.valueInSpecifiedUnits * scale
+	const transX = rendered_svg.width.baseVal.valueInSpecifiedUnits * scale / rendered_svg.viewBox.baseVal.width
+	const transY = rendered_svg.height.baseVal.valueInSpecifiedUnits * scale / rendered_svg.viewBox.baseVal.height
   let alignTransX = 0
   if (align == "center") {
     alignTransX = -width / 2
@@ -469,8 +469,8 @@ const MixedText = ({children, x=0, y=0, align="left", opacity=1}) => {
     children = children.join("")
   }
   const embedded = `\\textsf{${children}}`
-  const switched = embedded.replaceAll(/\$([^$]*)\$/g, "}$1\\textsf{")
-  const cleared = switched.replaceAll("\\textsf{}", "")
+  const switched = embedded.replace(/\$([^$]*)\$/g, "}$1\\textsf{")
+  const cleared = switched.replace(/\\textsf\{\}/g, "")
 
   return <g opacity={1 * opacity}>
     <EmbeddedMathJax posX={x} posY={y} src={cleared} align={align} />
-- 
GitLab