Fix lessons menu not scrolling on mobile

[ericknathan]

Add fixed height and overflow auto to fix lessons menu scroll on mobile devices.

[BernardoSM]

Fala @ericknathan beleza?

Infelizmente isso só funciona quando você testa a versão mobile usando no desktop, se tu testar no celular não funciona...

Sugiro que instale o ngrok para fazer o tunneling e testar no mobile.

Provavelmente você terá que usar a biblioteca useScrollLock e travar o scroll do html/body quando o menu tiver aberto, daí provavelmente vai funcionar.

[ericknathan]

Opa @BernardoSM, tudo tranquilo e você?

Inicialmente tentei fazer o uso da sua sugestão, o useScrollLock para a trava do scroll no body, porém o bug ainda continuava, talvez eu tenha feito da maneira incorreta, não sei haha

use-scroll-lock.mp4

Para conseguir corrigir fiz a utilização da dynamic viewport dvh ao invés de vh, assim ele parou de considerar o scroll da altura da barra superior de pesquisa dos navegadores do mobile.

dvh.mp4

Aliás tinha ouvido falar do ngrok mas nunca usei ele na prática de fato, curti bastante o propósito no qual pude aproveitar dele :)

[BernardoSM]

Sua solução ficou melhor ainda! Mandou demais, obrigado pela contribuição :D