Autosizing an ion-grid height to match the content?



Ok I’ve got an ion-grid setup with 3 rows, each row contains a button, the middle button scales its height with an animation to hide and show itself,

animations: [
trigger('visibleTrigger', [
  state('hide', style({transform: 'scaleY(0)'})),
  state('show', style({transform: 'scaleY(1)'})),
  transition('hide => show', [
    animate('200ms ease-in')
  transition('show => hide', [
    animate('200ms ease-out')


Is there a way I can get the ion-grid to dynamically resize to reflect it’s contents? Currently I have it’s height set to auto but it remains the same size when the button height is reduced to zero.