From 7379d5750c5a77b7e0ae4317330adc4fe5805213 Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Tue, 7 Jul 2026 22:48:10 +0200
Subject: [PATCH] fix(youtube-gallery): remove crossfade flash on carousel
 navigation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The carousel iframe row was wrapped in {#key currentIndex} with
transition:fade, so switching slides (or navigating to the page) faded
the old and new row in overlap — briefly showing two rows / a blink.
Drop the fade from both iframe containers, matching the modal variant
which uses {#key} without a transition.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/lib/components/blocks/YoutubeVideoGalleryBlock.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/blocks/YoutubeVideoGalleryBlock.svelte b/src/lib/components/blocks/YoutubeVideoGalleryBlock.svelte
index 6bd1d46..1f7a892 100644
--- a/src/lib/components/blocks/YoutubeVideoGalleryBlock.svelte
+++ b/src/lib/components/blocks/YoutubeVideoGalleryBlock.svelte
@@ -280,7 +280,7 @@
         <div class="grid grid-cols-1 gap-4 md:grid-cols-2">
           {#key currentIndex}
             {@const current = items[currentIndex]}
-            <div class="aspect-video w-full overflow-hidden rounded-xs bg-stein-100" transition:fade={{ duration: 150 }}>
+            <div class="aspect-video w-full overflow-hidden rounded-xs bg-stein-100">
               <iframe
                 title={current.video.title ?? t(T.youtube_title_fallback)}
                 src={current.embedUrl}
@@ -291,7 +291,7 @@
               ></iframe>
             </div>
             {#if second}
-              <div class="hidden md:block aspect-video w-full overflow-hidden rounded-xs bg-stein-100" transition:fade={{ duration: 150 }}>
+              <div class="hidden md:block aspect-video w-full overflow-hidden rounded-xs bg-stein-100">
                 <iframe
                   title={second.video.title ?? t(T.youtube_title_fallback)}
                   src={second.embedUrl}