Tengo un cuadro de diálogo que funciona bien (se abre solo al hacer clic) en todos los dispositivos/navegadores probados, aparte del iPhone XS, versión de software 15.3.1, en Chrome, versión 101.0.4951.58, en el que el cuadro de diálogo se abre de inmediato sin ningún aviso o haga clic, tan pronto como se cargue toda la página y empiezo a desplazarme hacia abajo.

aquí está mi código:

HTML

 <dialog class="helper-modal" id="helper-modal"> <img id="close-modal" src="/images/icon_close.svg" alt="Close modal"/> <div class="header"> <h3>Helper</h3> <p>Lobortis elementum nibh tellus molestie nunc non blandit massa enim.</p> </div> </dialog>

JS

 const helperModal = document.getElementById('helper-modal'); button.onclick = () =>{ helperModal.show(); }

¿Alguna idea de lo que podría estar causando esto?