Safari MacOS: CSS-переход отключает переполнение: прокрутка
У меня есть проблема с меню вне холста в Safari на MacOS. Только там. Нигде более.
Проблема довольно легко объяснить:
Есть меню вне холста, которое перемещается из видимой области с помощью
transform: translateX( -100% );
и затем перемещается в окно просмотра, снова устанавливая translateX в 0.
Это меню имеет высоту 100% и содержит пункты меню, которые могут превышать это доступное пространство, поэтому контейнер меню можно прокручивать с помощью
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
Это основы до сих пор.
Но теперь это начинает становиться странным и вести себя странно:
Как только я добавляю переход к меню вне холста, меню перемещается в область просмотра, но после этого прокрутка внутри меню НЕ работает. Чтобы заставить его работать снова, мне нужно либо изменить размер окна, либо отключить переполнение: прокрутите внутри инспектора Safari.
Таким образом, без перехода меню вне холста можно прокручивать, как только добавлен переход, его больше нет.
Я понятия не имею, почему это так, и не могу найти способ решить проблему.
Вот два примера ссылок. Оба используют одну и ту же тему WordPress, написанную мной. Просто цвета меняются, и на одной установке переход отключен на другой, это не так.
Переход отключен; прокручиваемое меню в Safari на MacOS http://dev.valentinalisch.de/_dav/nr/die-nr/nr-das-konzept/
Переход активен; меню НЕ прокручивается в Safari на MacOS http://dev.valentinalisch.de/_dav/mpj/das-mpj/mpj-das-konzept/
Любая помощь приветствуется! Если вам нужно больше деталей, дайте мне знать - заранее спасибо!