У меня проблема с прокруткой / перелистыванием тайлов.Я использую сетку CSS, у меня есть контейнер div, который имеет несколько дочерних элементов div.
<div class="container">
<div class="child">child</div>
<div class="child">child</div>
<div class="child">child</div>
<div class="child">child</div>
</div>
и css для .container
display: grid;
grid-template-rows: repeat(1, 89%);
grid-template-columns: repeat(4, 50%);
overflow-x: scroll;
grid-auto-flow: column;
align-items: center;
В режиме Chrome для iPhone и мобильных устройств прокрутка не работает.Что интересно, горизонтальная прокрутка работает только тогда, когда я использую клавиши со стрелками на клавиатуре.
Любое предложение, что происходит?
Сначала на гифке я пробовал пролистывать мышкой, затем я использовал клавиатуру.