From d2c5a76993b9113f64e508ce168b1e013e2c5b81 Mon Sep 17 00:00:00 2001
From: Alexis Feron <alexisferon081@gmail.com>
Date: Sun, 8 Jun 2025 23:44:58 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20Improved=20timeline?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/components/timeline/timeline.component.html |  8 ++++++--
 src/app/components/timeline/timeline.component.ts   | 12 ++++++++----
 2 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/app/components/timeline/timeline.component.html b/src/app/components/timeline/timeline.component.html
index 5dfccfe..f9b4e70 100644
--- a/src/app/components/timeline/timeline.component.html
+++ b/src/app/components/timeline/timeline.component.html
@@ -130,7 +130,9 @@
                 <button
                   type="button"
                   class="absolute top-0 left-0 z-30 flex items-center justify-center h-full cursor-pointer group focus:outline-none"
-                  (click)="prevImage(pins.indexOf(pin))"
+                  (click)="
+                    prevImage(pins.indexOf(pin)); $event.stopPropagation()
+                  "
                 >
                   <span
                     class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-black/30 group-hover:bg-black/50"
@@ -156,7 +158,9 @@
                 <button
                   type="button"
                   class="absolute top-0 right-0 z-30 flex items-center justify-center h-full cursor-pointer group focus:outline-none"
-                  (click)="nextImage(pins.indexOf(pin))"
+                  (click)="
+                    nextImage(pins.indexOf(pin)); $event.stopPropagation()
+                  "
                 >
                   <span
                     class="inline-flex items-center justify-center w-8 h-8 rounded-full bg-black/30 group-hover:bg-black/50"
diff --git a/src/app/components/timeline/timeline.component.ts b/src/app/components/timeline/timeline.component.ts
index 9f0544a..19b2039 100644
--- a/src/app/components/timeline/timeline.component.ts
+++ b/src/app/components/timeline/timeline.component.ts
@@ -54,9 +54,11 @@ export class TimelineComponent implements OnInit, OnDestroy {
   private restoreScrollPosition() {
     const scrollPosition = sessionStorage.getItem('timelineScrollPosition');
     if (scrollPosition) {
-      requestAnimationFrame(() => {
-        this.viewportScroller.scrollToPosition([0, parseInt(scrollPosition)]);
+      window.scrollTo({
+        top: parseInt(scrollPosition),
+        behavior: 'smooth',
       });
+      sessionStorage.removeItem('timelineScrollPosition');
     }
   }
 
@@ -93,8 +95,10 @@ export class TimelineComponent implements OnInit, OnDestroy {
       this.loading = false;
       this.groupPinsByYear();
 
-      // Restaurer la position de défilement après le chargement initial
-      this.restoreScrollPosition();
+      // Attendre que le DOM soit mis à jour avant de restaurer la position
+      setTimeout(() => {
+        this.restoreScrollPosition();
+      }, 100);
     });
   }