I have an animation upon opening a drawer, which is a bounce up from the bottom then stop at 33 percent height. After the animation, the drawer needs to be draggable. I am creating the draggable functionality by adjusting the height and top of the fixed position drawer. 

Problem:

After an animation finishes, the height of the drawer no longer re-renders. The CSS 'height' property does adjust properly, but the new height does not display. 

How do I get the height of the drawer to adjust correctly?

I havent tried anything, I dont understand what the underlying problem is. 

```css
.spring {
      animation-name: spring-action;
      animation-timing-function: ease;
      animation-fill-mode: forwards;
      animation-delay: 1s;
      animation-direction: normal;
      animation-duration:1.2s;
      transform-origin: bottom;
}

@keyframes spring-action {
  0%   { height: 0%; }
  50%   { height:40%; }
  100%   { height: 33%; }
} 

```

I am expecting the height of the drawer to increase upon drag, but the drawer only drags up (top is adjusted and rendered) without adjusting the height.