Quisiera porfavor que me orientaran para dar solución a este problema con CSS y/o JS:
Sucede que el menu desplegable en la imagen 1 sobrepasa el contenedor principal y no permite visualizar los submenus que se apilan hacia la derecha.
Quisiera poder dar una solución como la mostrada en la imagen 2, en donde el menu se adapta al contenedor y se orienta al lado izquierdo si es que este lo sobrepasa.

Gracias!