Есть ли обходной путь для перетаскивания элементов, затронутых преобразованием предка в сафари? ⇐ CSS

[Anonymous]

На 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