Não é possível rolar dentro de uma div após aplicar -webkit-transform no Safari

Estou construindo um menu de slides.

O menu é longo e eu preciso ser capaz de rolar dentro dele, então eu configurei overflow-y: scroll nele.

Estou usando -webkit-transform (e variantes em outros navegadores) como a propriedade de transição.

Agora não consigo rolar dentro da div, usando a roda de rolagem quando estiver na parte superior da div fará a página inteira rolar.

Se eu alterar o comportamento do menu e fizer a transição da propriedade certa (configurando o menu para a direita: -320px e animando-o novamente para a direita: 0), a rolagem funcionará.

Esse bug ocorre apenas no Safari, funciona bem no Chrome e em outros navegadores. Também funciona no iOS.

Alguém conhece uma solução alternativa? Alguém já experimentou esse problema antes? Não consigo encontrar nenhuma informação sobre isso. Obrigado.

questionAnswers(1)

yourAnswerToTheQuestion