Empty container of white-spaces if dragged empty

[randohinn]

Please only use GitHub issues for bug reports and feature requests.

• [x] Read the contributing guidelines
• [x] Bug reports containing repro steps are likely to be fixed faster
• [x] Feature requests should be multi-purpose, describe use cases
• [x] For support requests or questions, please refer to our Slack channel

There should be a way to force dragula to not leave whitespaces, if a container gets all of it's contents dragged out. This is useful for special styling for empty containers, using :empty.

Example: Currently, if you have something like this:

<div class="row">
    <div>Lorem ipsum....</div>
    <div>Lorem ipsum....></div>
</div>
<div class="row">
</div>

and you initialize dragula on the row elements, and then drag everything into the second row, the first one is not really empty - it looks to be, but there are whitespace characters left behind in it, and thus it is not picked up by :empty in CSS.

[jawwadfarooq]

Please add some description.

[danialumair]

please support as i am observing the same issue

[danialumair]

i found the fix from some blog actually the empty list make the container also of height ZERO , so need to change the container height following is the code i used in ionic 3 html and put class="mcol" which contains only height = 100%

//  <ion-list class="mcol" [dragula]='"my-bag"' [dragulaModel]="q2">
  //  <ion-item *ngFor="let item of q2">
    //	{{item.src}} 
 

.mcol { height: 100%; }

[WahabShah23]

Giving height to the container works.