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; } }