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: