Merge pull request #79 from itk-dev/feature/fix-route-page-scroll-overflow

Fix route page scroll overflow and iOS marker rendering

Author: yepzdk

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
 

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);
       },

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>