From 8ba350372c696b008266e10e864fc306b3a3688f Mon Sep 17 00:00:00 2001
From: Xiao Gui <xgui3783@gmail.com>
Date: Wed, 5 Sep 2018 08:37:54 +0200
Subject: [PATCH] bug: fix read more component stutter when content height
changes
---
src/components/readmoore/readmore.animations.ts | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/src/components/readmoore/readmore.animations.ts b/src/components/readmoore/readmore.animations.ts
index 9c54dc15d..14a11e870 100644
--- a/src/components/readmoore/readmore.animations.ts
+++ b/src/components/readmoore/readmore.animations.ts
@@ -13,11 +13,13 @@ export const readmoreAnimations : AnimationTriggerMetadata = trigger('collapseSt
{ params : { collapsedHeight : 45, fullHeight : 200 } }
),
state('visible',
- style({ 'height' : '{{ fullHeight }}px' }),
+ style({ 'height' : '*' }),
{ params : { collapsedHeight : 45, fullHeight : 200 } }
),
transition('collapsed => visible',[
- animate('180ms')
+ animate('180ms', style({
+ 'height' : '{{ fullHeight }}px'
+ }))
]),
transition('visible => collapsed',[
animate('180ms')
--
GitLab