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
Post a Comment