Safari - перетаскивание jQuery с помощью «filter: drop-shadow ()» оставляет следы - PullRequest
0 голосов
/ 08 ноября 2018

У меня есть <div>, который можно перетаскивать с помощью jquery draggable. Это действие оставляет следы в Safari, но работает в других браузерах. Нашел похожие (старые) проблемы в Chrome, касающиеся перекраски, предлагая решения для использования outline:1px solid transparent, но здесь это не помогло.

$(function() {
  $("#draggableItem").draggable();
});
#draggableItem {
  width: 130px;
  position: relative;
  top: 30px;
  left: 30px;
  padding: 20px;
  text-align: center;
  font-family: sans-serif;
  background-color: #EEEEEE;
  filter: drop-shadow(rgb(100, 100, 100) 0px 0px 14px);
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<div id="draggableItem">
  Drag this box
</div>

Опытная проблема в Safari: enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...