mirror of
https://github.com/tiennm99/HugoBlox-kit.git
synced 2026-10-11 03:12:56 +00:00
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:
1 parent
611be3562f
commit
3468c50da0
1 file changed
+1
-4
@@ -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 */}}
|
||||
|
||||
Reference in new issue
Block a user