Hola,
Estoy usando el Mobile Panel de XStore (widget “Mobile Menu” del Header Builder, con el ítem tipo WP Menu configurado para mostrar categorías del catálogo). El panel se abre correctamente en mobile y muestra una lista larga de categorías con scroll interno propio.
Síntoma: al deslizar (swipe) dentro de la lista de categorías del panel para hacer scroll, el gesto se traspasa a la página de fondo (la Home) que queda detrás del overlay — se ve la Home scrolleando/deslizándose visible detrás del panel semi-transparente, en vez de quedar completamente bloqueada mientras el panel está abierto.
Probado en: iPhone y Android, navegadores nativos (Safari/Chrome), no en simulador de escritorio — el bug se reproduce en dispositivo real.
Lo que ya probé sin éxito: agregar overscroll-behavior: contain al contenedor .etheme-elementor-off-canvas-content, y un script propio que aplica position: fixed al body detectando cambios en el atributo aria-hidden del elemento .etheme-elementor-off-canvas__main. No resolvió el problema — sospecho que el scroll de fondo no depende del body de forma estándar, o que hay otro contenedor/wrapper involucrado que no estoy identificando bien desde afuera.
Pregunta: ¿El tema tiene algún mecanismo nativo de scroll-lock para el off-canvas Mobile Panel que deba estar activado en alguna opción, o hay un selector/clase específica que deberíamos apuntar para bloquear correctamente el scroll de fondo mientras el panel está abierto? Cualquier snippet o guía que puedan pasarme sería de gran ayuda.
Quedo atento, gracias.
