title: Adding padding renders textarea input invisible on some OS
body: <p>I have this textarea which gets some styles when focused.</p>
  
  <p><code>&lt;textarea id="msg" rows="4" name="msg" placeholder="Your message.."&gt;&lt;/textarea&gt;</code></p>
  
  <p>One of those styles is a <em>padding</em></p>
  
  <pre><code>#msg:focus {
      padding-bottom: 150px;
  }
  </code></pre>
  
  <p>While this works like a charm on Windows 10, Mac and Android with Firefox, Edge, Chrome and Opera, there is a problem <strong>in Firefox on all debian-based machines</strong> I tested and <strong>apparently also on pre-Windows-10</strong> (see comments). All text disappears in the second the padding is applied, but it is only invisible, because if you keep typing the text will be typed and can be copied or cut. It will also immediately appear if you disable the padding.</p>
  
  <p>If you want to check out the entire form yourself: <a href="https://neurotactics.de/contact" rel="nofollow noreferrer">https://neurotactics.de/contact</a></p>