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.