He creado este menú de navegación:

https://codepen.io/dtommy79/pen/xxXYQdr

Cuando hago clic en el ícono del menú móvil, el menú se abre y el ícono cambia a X. Cuando hago clic en la X, el menú se cierra. Sin embargo, cuando hago doble clic en el ícono del menú, el menú se abre (de la forma en que se supone que debe hacerlo), pero el ícono vuelve al estado predeterminado (cerrado).

Estaba pensando que tal vez deshabilitar el doble clic podría funcionar (tal vez me equivoque), así que traté de usar eventlistener con el evento dblclick .

También probé algunas de las sugerencias de jquery de aquí .

Necesitaría una solución js pura preferiblemente.