title: Google Allo Style Compose Message Area
body: <p>I am trying to create Google Allo style Compose message chat area in html and css and i looked at allo.google.com/web their web version of allo and i created mine <a href="https://codepen.io/CaptainTeemo/pen/ZXBvPa" rel="nofollow noreferrer">here</a> but the problem i am facing is my text area is scrolling horizontally beyond my container <code>div</code> and i couldn't figure it out whats causing it.I already tried adusting the width but its not the kind of solution i am looking for. </p>
  
  <p>You guys can login to <a href="https://allo.google.com/web" rel="nofollow noreferrer">https://allo.google.com/web</a> and see their send message area inside the chat screen. I am tru=ying to replicate that exactly.</p>
  
  <p>Thanks.</p>