ClimbingEditor: Fix Firefox bug (#655)

zbycz · Oct 9, 2024 · 9cd5eaf · 9cd5eaf
1 parent 61a8cbf
commit 9cd5eaf
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/components/FeaturePanel/Climbing/Editor/RoutePath.tsx b/src/components/FeaturePanel/Climbing/Editor/RoutePath.tsx
@@ -38,11 +38,13 @@ export const RoutePath = ({ route, routeNumber }) => {
   const machine = getMachine();
   const path = getPathForRoute(route);
   if (!path) return null;
-  const pointsInString = path.map(({ x, y }, index) => {
-    const position = getPixelPosition({ x, y, units: 'percentage' });
+  const pointsInString = path
+    .map(({ x, y }, index) => {
+      const position = getPixelPosition({ x, y, units: 'percentage' });
 
-    return `${index === 0 ? 'M' : 'L'}${position.x} ${position.y} `;
-  });
+      return `${index === 0 ? 'M' : 'L'}${position.x} ${position.y} `;
+    })
+    .join('');
 
   const onMouseMove = (e, segmentIndex: number) => {
     if (

diff --git a/src/components/FeaturePanel/Climbing/Editor/RoutesLayer.tsx b/src/components/FeaturePanel/Climbing/Editor/RoutesLayer.tsx
@@ -188,6 +188,7 @@ export const RoutesLayer = ({
         $imageSize={imageSize}
         $isVisible={isVisible}
         $transformOrigin={transformOrigin}
+        xmlns="http://www.w3.org/2000/svg"
       >
         {sortedRoutes.rest.map((item) => item.route)}
         {sortedRoutes.rest.map((item) => item.marks)}