From ecce23e59624e4b110cdfe40421e7b777be3eb9f Mon Sep 17 00:00:00 2001
From: Jesper Pedersen <pejes@aarhus.dk>
Date: Tue, 3 Mar 2026 15:12:19 +0100
Subject: [PATCH 1/2] fix: resolve iOS Safari rendering issues for route page

- Fix corrupted you-are-here-icon.svg that had two SVG elements merged
  together, causing the location marker to not render on iOS Safari
- Remove undefined filter references from SVG that caused strict
  browsers to hide elements
- Add overflow-y-auto to RoutePage for scroll support
- Clear info state on successful geolocation watch
---
 src/App.jsx                         |  2 ++
 src/components/routes/RoutePage.jsx |  2 +-
 src/icons/you-are-here-icon.svg     | 30 +++--------------------------
 3 files changed, 6 insertions(+), 28 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index 25c790b..af0e23a 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -63,6 +63,8 @@ function App() {
   useEffect(() => {
     const watchId = navigator.geolocation.watchPosition(
       (position) => {
+        setInfo(false);
+        setInfoText("");
         setLat(position.coords.latitude);
         setLong(position.coords.longitude);
       },
diff --git a/src/components/routes/RoutePage.jsx b/src/components/routes/RoutePage.jsx
index 7219f22..2de72ca 100644
--- a/src/components/routes/RoutePage.jsx
+++ b/src/components/routes/RoutePage.jsx
@@ -49,7 +49,7 @@ function RoutePage() {
 
   return (
     <>
-      <div className="p-5 absolute left-0 top-0 right-0 bottom-0 flex flex-col justify-between">
+      <div className="p-5 absolute left-0 top-0 right-0 bottom-0 flex flex-col justify-between overflow-y-auto">
         <div>
           <TagList classes="relative text-lg" tags={tags} />
           <h1 className="text-4xl font-extrabold relative word-break">{title}</h1>
diff --git a/src/icons/you-are-here-icon.svg b/src/icons/you-are-here-icon.svg
index 333a467..6b0cf79 100644
--- a/src/icons/you-are-here-icon.svg
+++ b/src/icons/you-are-here-icon.svg
@@ -1,9 +1,4 @@
 <svg aria-hidden="true" width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <style>
-        g.fade {
-            opacity: 0;
-            animation: 2s opacity infinite, 2s scale infinite;
-            transform-origin: cente<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg">
     <style>
         g.fade {
             opacity: 0;
@@ -21,29 +16,10 @@
             100% {transform: scale(1)}
         }
     </style>
-    <g filter="url(#filter0_d_2644_466)">
-        <circle cx="14.5" cy="14.5" r="8.5" fill="#DC2626"/>
-    </g>
-    <g class="fade" filter="url(#filter0_d_2644_466)">
-        <circle cx="14.5" cy="14.5" r="8.5" fill="#DC2626"/>
-    </g>
-</svg>r;
-        }
-        @keyframes opacity {
-            15% {opacity: 0}
-            50% {opacity: .2}
-            100% {opacity: 0}
-        }
-        @keyframes scale {
-            0% {transform: scale(1)}
-            50% {transform: scale(1.5)}
-            100% {transform: scale(1)}
-        }
-    </style>
-    <g filter="url(#filter0_d_2644_466)">
+    <g>
         <circle cx="14.5" cy="14.5" r="8.5" fill="#DC2626"/>
     </g>
-    <g class="fade" filter="url(#filter0_d_2644_466)">
+    <g class="fade">
         <circle cx="14.5" cy="14.5" r="8.5" fill="#DC2626"/>
     </g>
-</svg>
\ No newline at end of file
+</svg>

From e80ef0fda685b8efead05765ff06dc85115a9b31 Mon Sep 17 00:00:00 2001
From: Jesper Pedersen <pejes@aarhus.dk>
Date: Tue, 3 Mar 2026 15:13:57 +0100
Subject: [PATCH 2/2] docs: add changelog entries for iOS marker fix and scroll
 overflow

---
 CHANGELOG.md | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 78856a8..a830037 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -10,6 +10,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Update build and styling tooling (Tailwind CSS v4, `@vitejs/plugin-react` v5, removed PostCSS/autoprefixer)
 - Fix iOS Safari geolocation re-prompting on every page reload (use `watchPosition`, guard `permissions.query`)
 - Security and dependency updates (8 vulnerabilities fixed, ESLint v9, React/Prettier updated)
+- Fix "you are here" marker not visible on iOS Safari (corrupted SVG)
+- Fix route page content not scrollable when overflowing viewport
 
 ## [1.0.8] - 2025-28-01