The bar-footer has a set height of 44px. Setting the height to “inherit” will allow it to dynamically change height based on the textarea inside of it. The problem is that the .has-footer class (on the ion-content) is styled with “bottom: 44px”. Therefore if your footer changes size dynamically the content class would need to adjust the styling of the bottom for it. I made a codepen to show this.
I think you could make a directive that checks the height of the footer and changes the styling of the content dynamically. Maybe look at this post and instead of modifying the “height” you could modify “bottom” as the user types. Just an idea, it will probably require a bit of work.
amazing! thank you!
problem with this one is though that if you have a long message, and then scroll completely to the bottom, the content will scroll into the message (faulty behavior).
I’ve added a little more (search for ‘claw’ to see all the edits) to your great solution to account for that: