На Safari изображение сопротивления сопротивляемых элементов, затронутых преобразованием на элементе предка, не видно. Есть ли обходной путь для этого, в то же время сохраняющий преобразование в элементе предка? При перетаскивании более легкого серого «перетаскиваемого» элемента я ожидаю увидеть идентичное изображение сопротивления элемента. На Safari нет ничего видимого, когда элемент перетаскивается. На Chrome изображение перетаскивания видно. Пожалуйста, попробуйте этот пример CodePen на Safari.
https://codepen.io/Veikko-lehmuskorpi/pen/wbbvlxw
Протестировано с этими браузерами
Safari 18.5 (20621.1.11.11. /> Chrome 136.0.7103.59 < /li>
< /ul>
Код: Выделить всё
body {
margin: 0;
}
.container {
width: 100vw;
height: 100vh;
background: #ccc;
/* This breaks dragging the child item on Safari */
transform: scale(0.5);
}
.item {
background: #ddd;
width: 300px;
height: 150px;
font-size: 72px;
}< /code>
draggable
Подробнее здесь:
https://stackoverflow.com/questions/796 ... form-on-sa