title: Dropzone inside Vue transition modal doesn´t work
body: <p>i have a dropzone function in mounted function, it works fine when in the view the dropzone is outside of a modal, but in transition modal doesn´t work, any idea or solution for this?</p>
  <p>this is .ftl</p>
  <pre><code>...
  &lt;transition name=&quot;modal&quot; id=&quot;deletemo&quot;&gt;
     &lt;div v-if=&quot;uploadModal&quot; &gt;
         &lt;div class=&quot;modal-mask&quot;&gt;
             &lt;div class=&quot;modal-wrapper&quot;&gt;
                 &lt;div class=&quot;modal-dialog modal-dialog-centered&quot; role=&quot;document&quot;&gt;
                      &lt;div class=&quot;modal-content&quot;&gt;
                           &lt;div class=&quot;modal-header&quot;&gt;
                                &lt;h5 class=&quot;modal-title&quot;&gt;upload file&lt;/h5&gt;
                                &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-label=&quot;Close&quot; @click=&quot;uploadModal = false&quot;&gt;
                                   &lt;span aria-hidden=&quot;true&quot;&gt;&amp;times;&lt;/span&gt;
                                &lt;/button&gt;
                            &lt;/div&gt;
                            &lt;div class=&quot;modal-body&quot;&gt;
  
                                &lt;div class=&quot;form-group&quot;&gt;
                                   &lt;label&gt;select file type&lt;/label&gt;
                                   &lt;multiselect placeholder=&quot;Seleccione tipo de fichero&quot; v-model=&quot;fileTypeSelected&quot;  :options=&quot;fileTypelist&quot; &gt; &lt;/multiselect&gt;
                                                                        
                                 &lt;/div&gt;
                                                                      
                                 &lt;div class=&quot;form-group&quot;&gt;
                                     &lt;div class=&quot;animated fadeIn&quot;&gt;
                                          &lt;div class=&quot;card&quot;&gt;                
                                             &lt;div class=&quot;card-body&quot;&gt;
                                                 &lt;div id=&quot;uploadFile&quot; class=&quot;dropzone col&quot; style=&quot;border-style: dashed;&quot;&gt;
                                                         &lt;div class=&quot;dz-message&quot; data-dz-message&gt;
                                                             &lt;div&gt;upload file here ...&lt;/div&gt;
                                                         &lt;/div&gt;
                                                 &lt;/div&gt;
                                              &lt;/div&gt;
                                           &lt;/div&gt;
                                        &lt;/div&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                &lt;div class=&quot;modal-footer&quot;&gt;
                                     &lt;button type=&quot;button&quot; class=&quot;btn btn-secondary&quot; @click=&quot;uploadModal = false&quot;&gt;Close&lt;/button&gt;
                                &lt;/div&gt;
                           &lt;/div&gt;
                       &lt;/div&gt;
                     &lt;/div&gt;
                 &lt;/div&gt;
            &lt;/div&gt;
     &lt;/transition&gt;
  </code></pre>
  <p>.js</p>
  <pre><code> mounted:   function () {
                      var vue = this;
                      dropzone.autoDiscover = false;
                      $(&quot;div#uploadFile&quot;).dropzone({ 
                          
                          url: &quot;/demo/uploadFile&quot;
                         ,acceptedFiles: &quot;.pdf&quot;
                         ,clickable: false
                         ,maxFilesize: 100
                         ,addRemoveLinks: true
                         ,init: function() {
                             
                              this.on('success', function(file, json) {
                                    
                              });
                              this.on('addedfile', function(file) {
                              });
                              this.on(&quot;sending&quot;, function(file, xhr, formData) {
                                  formData.append(&quot;nif&quot;, vue.filePerson);
                              });
                              this.on(&quot;complete&quot;, function(file) {
                                  //this.removeFile(file);
                                });
                          }
          
                      });
                  }
  
      });
  </code></pre>
  <p>I was looking for other similar post but not for a transition , so it does not work for me.
  thanks in advance.</p>