horizontal drag jump to end

[nonomaxxis]

hi,

<draggable tag="div" :list="imageFiles" class="row" handle=".handle" :move="checkMove" >
  <v-col v-for="(image, idx) in imageFiles" :key="idx" cols="3" >
     <v-card flat tile >
        <v-img :src="image.file" class="grey lighten-2">
           <v-expand-transition>
               <div class="d-flex transition-fast-in-fast-out grey darken-4 v-card--reveal py-3" >
                   <i class="fa fa-align-justify mx-3 handle" />
                    <v-btn small color="red" @click="deleteImage(image.id)" >
                       {{ $t('delete') }}
                    </v-btn>
                 </div>
            </v-expand-transition>
         </v-img>
      </v-card>
   </v-col>
</draggable>

but when drag, img jump to end.

using RTL vuetify.

[LEOChenZF]

I also encountered the same problem. Is this problem solved now?

[webasoo]

i have this problem too (in RTL)

[vahed-mrv]

I have the same problem in RTL too.

In LTR works correctly.

[nonomaxxis]

I have the same problem in RTL too.

In LTR works correctly.

Hi, I wrote in parent tag => dir=ltr

[webasoo]

I have the same problem in RTL too. In LTR works correctly.

Hi, I wrote in parent tag => dir=ltr

@nonomaxxis and problem is solved?

[nonomaxxis]

@webasoo Yes.

[webasoo]

@webasoo Yes.

great! can you insert a part of your code here @nonomaxxis?

[nonomaxxis]

@webasoo Yes.

great! can you insert a part of your code here @nonomaxxis?

<div dir="ltr">
  <draggable tag="div" :list="imageFiles" class="row" handle=".handle" :move="checkMove" >
    <v-col v-for="(image, idx) in imageFiles" :key="idx" cols="3" >
       <v-card flat tile >
          <v-img :src="image.file" class="grey lighten-2">
             <v-expand-transition>
                 <div class="d-flex transition-fast-in-fast-out grey darken-4 v-card--reveal py-3" >
                     <i class="fa fa-align-justify mx-3 handle" />
                      <v-btn small color="red" @click="deleteImage(image.id)" >
                         {{ $t('delete') }}
                      </v-btn>
                   </div>
              </v-expand-transition>
           </v-img>
        </v-card>
     </v-col>
  </draggable>
</div>