Menu desplegable sobrepasa el contenedor principal

[javiereat]

Hola a todos! de antemano gracias por su ayuda.
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!

[fede5426]

La solución mas simple que te daría es que abras tus submenus hacia abajo en la misma linea.



Si no son muy extensos puede ser bastante util.

Saludos

[pzin]

Pues para que pase eso, en lugar de poner left: 100% pones right: 100% y ya está.

En cuanto a la experiencia de usuario, no creo que tantos submenús sea algo positivo.

[fede5426]

Iniciado por pzin

Pues para que pase eso, en lugar de poner left: 100% pones right: 100% y ya está.

En cuanto a la experiencia de usuario, no creo que tantos submenús sea algo positivo.

Yo pensé lo mismo pzin, pero imaginé que lo que el quiere es un script que actúe solo.. digamos con una condición, que si se sale de la pantalla el submenu se despliegue para el otro lado, a mi no se me ocurre como hacer eso por eso le di otra opción.

En cuánto a experiencia de usuario, pienso igual.

[pzin]

Iniciado por fede5426

Yo pensé lo mismo pzin, pero imaginé que lo que el quiere es un script que actúe solo.. digamos con una condición, que si se sale de la pantalla el submenu se despliegue para el otro lado, a mi no se me ocurre como hacer eso por eso le di otra opción.

En cuánto a experiencia de usuario, pienso igual.

Bueno, eso puede hacerse localizando la posición de dónde queda el elemento. Pero es muy absurdo. Con añadir una clase valdría.