From 4d33afb63e9c4c9d367fa4f550ac46b8e94485b8 Mon Sep 17 00:00:00 2001 From: waterplea Date: Wed, 29 Nov 2023 14:57:33 +0400 Subject: [PATCH] fix(core): `Expand` fix for disabled animation --- projects/core/components/expand/expand.style.less | 7 +++++-- projects/kit/components/tiles/tiles.style.less | 4 ++++ 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/projects/core/components/expand/expand.style.less b/projects/core/components/expand/expand.style.less index 23bd80ee9035..9445e3b7e7ce 100644 --- a/projects/core/components/expand/expand.style.less +++ b/projects/core/components/expand/expand.style.less @@ -1,8 +1,11 @@ +@import '@taiga-ui/core/styles/taiga-ui-local'; + :host { + .transition(~'opacity, height, visibility'); display: block; - transition-property: opacity, height, visibility; - transition-duration: var(--tui-duration, 300ms); opacity: 0; + // To trigger transition event when duration is 0 + transition-delay: 1ms; &._overflow { overflow: hidden; diff --git a/projects/kit/components/tiles/tiles.style.less b/projects/kit/components/tiles/tiles.style.less index 3265e3ec9a3e..1d11f89e7ed0 100644 --- a/projects/kit/components/tiles/tiles.style.less +++ b/projects/kit/components/tiles/tiles.style.less @@ -14,11 +14,15 @@ tui-tiles { tui-tile:not(._dragged) > .t-wrapper { .transition(all); + // To trigger transition event when duration is 0 + transition-delay: 1ms; } } &:not(._dragged) tui-tile._dragged > .t-wrapper { .transition(all); + // To trigger transition event when duration is 0 + transition-delay: 1ms; } }