diff --git a/src/managers/NavigationManager.ts b/src/managers/NavigationManager.ts
index 8e7cf8b..ea1ff73 100644
--- a/src/managers/NavigationManager.ts
+++ b/src/managers/NavigationManager.ts
@@ -158,19 +158,27 @@ export class NavigationManager {
       (currentGrid as HTMLElement).style.transform = direction === 'next' ? 'translateX(-100%)' : 'translateX(100%)';
       (currentGrid as HTMLElement).style.opacity = '0.5';
       
+      // Cleanup: Remove all old grids except the new one after animation
+      setTimeout(() => {
+        const allGrids = container.querySelectorAll('swp-grid-container');
+        // Keep only the newest grid (last one), remove all others
+        for (let i = 0; i < allGrids.length - 1; i++) {
+          allGrids[i].remove();
+        }
+      }, 450);
+      
       // Slide in new grid
       newGrid.style.transform = 'translateX(0)';
       
-      // Clean up after animation (POC cleanup)
+      // Wait for new grid animation to complete before updating state
       setTimeout(() => {
-        currentGrid.remove();
         newGrid.style.position = 'relative';
         
-        // Update currentWeek only after animation is complete (POC logic)
+        // Only now is the animation truly complete
         this.currentWeek = new Date(targetWeek);
         this.animationQueue--;
         
-        // If this was the last queued animation, ensure we're in sync (POC sync)
+        // If this was the last queued animation, ensure we're in sync
         if (this.animationQueue === 0) {
           this.currentWeek = new Date(this.targetWeek);
         }
@@ -183,7 +191,7 @@ export class NavigationManager {
         });
         
         console.log(`NavigationManager: Completed ${direction} animation`);
-      }, 400); // Match POC timing
+      }, 400); // Wait for slide-in animation to complete
     });
   }
 
diff --git a/src/renderers/EventRenderer.ts b/src/renderers/EventRenderer.ts
index ff9f836..b4ba7de 100644
--- a/src/renderers/EventRenderer.ts
+++ b/src/renderers/EventRenderer.ts
@@ -22,8 +22,10 @@ export abstract class BaseEventRenderer implements EventRendererStrategy {
   renderEvents(events: CalendarEvent[], config: CalendarConfig): void {
     console.log('BaseEventRenderer: renderEvents called with', events.length, 'events');
     
-    // Clear existing events first
-    this.clearEvents();
+    // NOTE: Removed clearEvents() to support sliding animation
+    // With sliding animation, multiple grid containers exist simultaneously
+    // clearEvents() would remove events from all containers, breaking the animation
+    // Events are now rendered directly into the new container without clearing
 
     // Events should already be filtered by DataManager - no need to filter here
     console.log('BaseEventRenderer: Rendering', events.length, 'pre-filtered events');