html - Angular File Upload Nested Dropzones -


using library angular file upload i'm trying make nested dropzones running issue dragleave events.

<div class="full-area">   <div class="outer-dropzone">     <ol>       <li>         <div class="container">           <div class="drop-zone-inner"></div>           <div class="align"> </div>            <div class="align"> </div>         </div>       </li>     </ol>   </div> </div> 

what want achieve along lines of follow:

when dragging browser window , .outer-dropzone entered changes css (background color yellow example).

if drag onto .drop-zone-inner reverts .outer-dropzone changes drop-zone-inner new css background.

third if leave .drop-zone-inner re-applies .outer-dropzone css change.

the issue i'm having if have several items in .drop-zone-inner field (i.e text , image etc). causes flashing in tries unapply drop-zone-inner , repply outer-dropzone.

i've tried lot of different setups , layout, i'm not sure best way approach this.

edit: i'm trying accomplish similar dropboxs dropzone highlights


Comments

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -