fix(portfolio): remove leave transition to prevent grid reflow jump on filter

Removes x-transition:leave directives from portfolio cards so hidden items
exit the grid flow immediately. This fixes two visual glitches when clicking
filter buttons: "ghost" cards briefly appearing during the overlap of enter
and leave animations, and cards snapping from their original grid position
to the start after a delayed reflow.

Fixes #3309
This commit is contained in:
George Cushen committed 2026-03-30 20:37:44 +01:00
1 parent 611be3562f
commit 3468c50da0
1 file changed
+1 -4
+1 -4
View File
@@ -262,15 +262,12 @@
{{ end }}
{{ $render_status_badge := and $show_status_badge (ne $status_display "") }}
<article
<article
x-data="{ filters: {{ $card_allowed_filters_json }} }"
x-show="filters.includes(activeFilter)"
x-transition:enter="transition ease-out duration-300"
x-transition:enter-start="opacity-0 scale-95 translate-y-4"
x-transition:enter-end="opacity-100 scale-100 translate-y-0"
x-transition:leave="transition ease-in duration-200"
x-transition:leave-start="opacity-100 scale-100"
x-transition:leave-end="opacity-0 scale-95"
class="group relative flex flex-col bg-white dark:bg-white/[0.03] backdrop-blur-xl rounded-2xl border border-gray-200 dark:border-white/[0.08] overflow-hidden hover:border-primary-500/50 hover:bg-gray-50 dark:hover:bg-white/[0.06] transition-all duration-300 hover:shadow-xl hover:shadow-primary-500/10 card-hover-lift"
>
{{/* Card Header / Image */}}