title: placeholder text getting cut inside a textarea
body: <pre><code>&lt;textarea class="skinCondition-field vlongtext clear ui-input-text ui-body-d ui-corner-all ui-shadow-inset" type="text" placeholder="Update details of your present skin condition (e.g. normal, dry, flaky, etc). Optionally, add details of any past skin conditions, medication or skin treatments/surgeries undergone. You may also upload images/reports, so that doctors understand your condition better." value=""&gt;&lt;/textarea&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>textarea.ui-input-text.skinCondition-field {
      height:10.5em;
      white-space: normal;
      word-wrap: break-word;
      display: block;     
      word-wrap: break-word !important;
      white-space: normal!important;
      width: 100%;
  }
  </code></pre>
  
  <p>even tried </p>
  
  <pre><code>textarea.ui-input-text.skinCondition-field::-webkit-input-placeholder {white-space: normal!important; word-break: break-all !important;word-wrap: break-word !important;}
  </code></pre>
  
  <p>But the problem persists in galaxy s3 .</p>