title: Dropzone.js - Combine with normal form - ask about positioning
body: <p>I am using Dropzone and try to combine it with normal form  so I read this tutorial <a href="https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone" rel="nofollow noreferrer">https://github.com/enyo/dropzone/wiki/Combine-normal-form-with-Dropzone</a>
  and yeah I can do it successfully. However, I want other input text field and submit-button to be outside of form tag (outside of dropzone)  so I use css <code>position:absolute</code> the text input to be above the form  and submit-button below form  </p>
  
  <p>but I forgot that if I select image to upload the form dropzone's height will extend. so It fail. (see the screenshot)</p>
  
  <p><a href="https://i.stack.imgur.com/BBMC6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/BBMC6.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;form id="my-awesome-dropzone" class="dropzone" style="position:relative"&gt;
    &lt;div class="dropzone-previews"&gt;&lt;/div&gt; 
  
    Username : &lt;input type="text" name="username" style="position:absolute; top:-50px; left:0px; /&gt; &lt;br/&gt;
    Email: &lt;input type="text" name="email" style="position:absolute; top:-40px;left:0px; /&gt; &lt;br/&gt;
  
    &lt;button type="submit" style="position:absolute;top:100px;left:0px;"&gt;Submit data and files!&lt;/button&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>I even move the button to outside of form and use html5 attribute <code>form="my-awesome-dropzone"</code>  but it's not work. How could I do?</p>