search

cameronhimself / vue-drag-drop

A lightweight Vue wrapper that abstracts away the wonkier parts of the Drag and Drop Browser API
496 stars 83 forks source link

inner div tag style setting on css grid not working #92

Closed diablo341 closed 3 years ago

diablo341 commented 3 years ago

The following code works fine on my css grid:

<template v-for="booking in bookings">
   <div class="event bg-info" :title="getName(booking)" :style="grid-row: 5/6; grid-column: 2; width:120px">{{getName(booking)}}</div>
</template>

However, once I wrap the div with drop and drag tags, it messes up the rendering of my div. It appears at the end of the grid.

<template v-for="booking in bookings">
   <drop @drop="moveAppt">
      <drag :transfer-data="booking">
         <div class="event bg-info" :title="getName(booking)" :style="grid-row: 5/6; grid-column: 2; width:120px">{{getName(booking)}}</div>
      </drag>
   </drop>
</template>

Any ideas?

Thanks, John

diablo341 commented 3 years ago

Sorry, this is not an issue. I will code the drag/drop directly using css/javascript.

Thanks