В колонке Safari CSS обнаружена ошибка переполнения

Question

Пожалуйста, проверьте этот фрагмент в Chrome против Safari: https://codepen.io/peminator/pen/JjdmQmy)

.col {
  column-count: 5;
  font-size: 20px;
}

.col div {
  background: #ddd;
  position: relative;
}

.col div::before {
  content: '@';
  position: absolute;
  left: -12px;
}

<div class="col">
  <div>A</div>
  <div>A</div>
  <div>A</div>
  <div>A</div>
  <div>A</div>
</div>

Почему в Safari @ не видно? Есть ли способ исправить?

Answer 1

О том, как это исправить, похоже, что взлом нулевого преобразования решает проблему

.col div::before { 
  ...
  transform: translate3d(0, 0, 0);
}

(я также пытался играть с z-index и overflow, но они не действуют) .

Кажется, проблема связана со свойством column-count в любом случае