bug(web): prevent translation causing crashing on edge browser (elect…

…ricitymaps#6809) * bug(web): prevent translation causing crashing on edge browser * bug(web): add comment
magol · Jun 7, 2024 · f4e8fe7 · f4e8fe7
1 parent 6e532ff
commit f4e8fe7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/web/src/components/Button.tsx b/web/src/components/Button.tsx
@@ -53,6 +53,8 @@ export function Button({
         type={componentType}
         onClick={onClick}
         target="_blank"
+        // Used to prevent browser translation crashes on edge, see #6809
+        translate="no"
       >
         {icon}
         {children}

diff --git a/web/src/features/charts/tooltips/BreakdownChartTooltip.tsx b/web/src/features/charts/tooltips/BreakdownChartTooltip.tsx
@@ -191,7 +191,8 @@ export function BreakdownChartTooltipContent({
       )}
 
       {!displayByEmissions && (
-        <>
+        // Used to prevent browser translation crashes on edge, see #6809
+        <div translate="no">
           <MetricRatio
             value={usage}
             total={totalElectricity}
@@ -226,7 +227,7 @@ export function BreakdownChartTooltipContent({
             label={t('ofCO2eq')}
             useTotalUnit
           />
-        </>
+        </div>
       )}
       {!displayByEmissions && (Number.isFinite(co2Intensity) || usage !== 0) && (
         <>