title: Prevent <textarea> from losing focus to keep mobile keypad
body: <p>I am developing a webapp which needs to be mobile compatible in regards to the chat feature.  Currently when you click on the area of the screen with the <code>&lt;textarea&gt;</code> some additional buttons pop up that were not there before (to save screen space).  These buttons are usable, but currently what happens is that when you click on them, the <code>&lt;textarea&gt;</code> realizes that it is no longer the focus and thus the mobile keyboard disappears.  This creates an overall jumpy experience.  </p>
  
  <p>Can anyone think of a JS solution that will fix this?</p>