Как избежать краткого 'FOUC' при перетаскивании изображений с помощью ng-file-upload с angular-sortable-view

Я использую популярную директиву ng-file-upload для загрузки изображений в приложение Angular 1.x. Директива ng-file-upload будет отображать миниатюры изображений, и я добавил дополнительную библиотеку под названием angular-sortable-view это позволит сортировать эти изображения с помощью перетаскивания, которые отображаются внутри div.

Кажется, что все работает нормально, однако при перетаскивании изображений между ними возникает очень короткая вспышка изображения, возвращающаяся туда, где оно было изначально, и затем корректная замена.

Есть идеи, почему я получаю эту "короткую вспышку" при перетаскивании изображений?

<div class="image-list">
     <div sv-root sv-part="post.images" class="image-list-inner">
         <div ng-repeat="image in post.images track by $index" class="preview-image" sv-element>
             <div draggable="false" class="inner">
               <img draggable="false" ng-if="image.file" ngf-thumbnail="image.file" ngf-size="{ width:100 }" ng-style="{'opacity': (image.id ? '1' : '0.5')}">
              </div>
         </div>
     </div>
</div>
Источник

0 ответов

Другие вопросы по тегам