Footer-bar with keyboard-attach textarea only works in full screen

Hi. Thanks for a great product.
I’ve implemented a “comment window” roughly based on this http://codepen.io/ethanneff/pen/yymYRR

At a high level the layout of the page is:
-view

  • header
  • content
    • list
  • footer with keyboard-attach
    • expandable textarea

The problem I have is if the app is in full screen, it is OK, the footer with textarea appears on top of keyboard.
If the app is not in full-screen, the keyboard pops up and overlays over the footer and the bottom of the list.

I’ve been through the various postings here and on stackoverflow.

Anyone have any ideas?