title: Can css block to insert space?
body: <p>I have a form where I just can insert a space on inputs. In the textarea I can't (and I need).</p>
  
  <p>As you can see, insert space on textarea works perfectly.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;form action="/#wpcf7-f519-o1" method="post" class="wpcf7-form" enctype="multipart/form-data" novalidate="novalidate"&gt;
  &lt;div style="display: none;"&gt;
  &lt;input type="hidden" name="_wpcf7" value="519"&gt;
  &lt;input type="hidden" name="_wpcf7_version" value="4.9.1"&gt;
  &lt;input type="hidden" name="_wpcf7_locale" value="pt_BR"&gt;
  &lt;input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f519-o1"&gt;
  &lt;input type="hidden" name="_wpcf7_container_post" value="0"&gt;
  &lt;/div&gt;
  &lt;p&gt;&lt;label&gt; Name: &lt;/label&gt; &lt;span class="wpcf7-form-control-wrap your-name"&gt;&lt;input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false"&gt;&lt;/span&gt; &lt;/p&gt;
  &lt;p&gt;&lt;label&gt; E-mail: &lt;/label&gt; &lt;span class="wpcf7-form-control-wrap your-email"&gt;&lt;input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false"&gt;&lt;/span&gt; &lt;/p&gt;
  &lt;p&gt;&lt;label&gt; Message: &lt;/label&gt; &lt;span class="wpcf7-form-control-wrap your-message"&gt;&lt;textarea name="your-message" cols="40" rows="10" class="wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required" aria-required="true" aria-invalid="false"&gt;&lt;/textarea&gt;&lt;/span&gt;&lt;/p&gt;
  &lt;p&gt;&lt;label&gt;  &lt;/label&gt; &lt;span&gt;  &lt;/span&gt;&lt;input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit"&gt;&lt;span class="ajax-loader"&gt;&lt;/span&gt;&lt;/p&gt;
  &lt;div class="wpcf7-response-output wpcf7-display-none"&gt;&lt;/div&gt;&lt;/form&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But in my form, I cant.
  I'm using Contact Form 7 in wordpress, and I already tried to swith the textarea, but didn't worked.</p>
  
  <p>I take a screenshot showing the css of textarea because I didn't put any JS that points to any textarea (I couldn't see anything that could  block the spaces).
  <a href="https://i.stack.imgur.com/sqe9x.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sqe9x.png" alt="enter image description here"></a></p>