Estoy enfrentando un problema extraño en los dispositivos iOS.

Al hacer clic en botones/enlaces en un contenedor superpuesto, el elemento de abajo también activa un evento de clic. Tengo un botón de "filtro" que abre un div superpuesto con todas las opciones de filtro. El botón de cierre de la superposición se encuentra directamente sobre el botón que activa la superposición. Cuando hago clic en el botón de cerrar, la superposición se cierra y, con un pequeño retraso, se vuelve a hacer clic en el botón de filtro y se abre la superposición.

Esto también sucedió cuando construí mi menú móvil, donde tenía un botón de hamburguesa en la parte superior derecha que abre mi menú móvil. El botón de cierre estaba ubicado donde estaba el botón de la hamburguesa. Al hacer clic en el botón de cerrar, se ejecuta nuevamente el clic en el botón de la hamburguesa y se abre el menú.

Traté de vincular un stopImmediatePropagation() a los botones, pero esto no funciona. Esto solo sucede en iOS, Android y Desktop está bien. La funcionalidad de las superposiciones proviene de mi sistema de comercio electrónico usado (Shopware 6). No solo está sucediendo con los botones, sino también con otros elementos como divs y spans con una funcionalidad para ocultar/cerrar superposiciones.

¿Alguna idea de cómo deshacerse de esto?

Saludos, Álex