Safari iOS игнорирует любые отступы справа от последнего дочернего элемента в блоке с горизонтальным скроллом?

Да, Safari iOS действительно имеет особенность, известную как "баг с отступами справа". Она влияет на элементы, которые находятся в блоках с горизонтальным скроллом и имеют отступы справа.

Этот баг присутствует во многих версиях Safari iOS и обусловлен особенностями обработки стандартов CSS и обработкой горизонтального скролла. Когда у вас есть блок с горизонтальным скроллом, Safari iOS игнорирует отступы или маргины справа от последнего дочернего элемента. Вместо того, чтобы применять отступ справа, Safari iOS сжимает содержимое блока и показывает его без отступов.

Это может привести к проблемам с версткой, особенно если вам нужно правильно выровнять элементы или добавить пустое пространство справа от последнего элемента.

Тем не менее, существуют некоторые способы обойти этот баг:

1. Используйте псевдоэлемент ::after для создания пустого пространства справа от последнего элемента. Например:

   .container::after {
     content: '';
     display: inline-block;
     width: 20px;
   }

Это позволяет вручную добавить пустое пространство справа от последнего элемента в блоке с горизонтальным скроллом.

2. Задайте отрицательный правый маргин последнему дочернему элементу в блоке с горизонтальным скроллом. Например:

   .container > :last-child {
     margin-right: -20px;
   }

Это может заставить Safari iOS рассматривать правый отрицательный маргин как отступ справа для последнего элемента.

3. Используйте JavaScript для расчета и применения необходимых отступов или ширин для последнего дочернего элемента в блоке с горизонтальным скроллом. Например:

   const container = document.querySelector('.container');
   const lastChild = container.lastElementChild;
   const marginRight = 20;

   lastChild.style.marginRight = `${marginRight}px`;

Это позволяет динамически устанавливать отступы или ширину последнего элемента на основе вычислений JavaScript.

Обратите внимание, что эти способы являются хаками и могут не работать во всех случаях или с разными версиями Safari iOS. Лучшим подходом может быть тестирование на разных устройствах и использование альтернативных методов верстки, чтобы избежать проблем с отступами справа в блоках с горизонтальным скроллом на Safari iOS.