Los enlaces ancla con navegación por hash no funcionan en modo de vista previa

Versión GrapesJS

• Confirmo que uso la última versión de GrapesJS

¿Qué navegador usas?

Chrome 143.0.7499.41

Enlace de demo reproducible

https://jsfiddle.net/mghzw41k/2/

Describe el bicho

En modo de vista previa, los enlaces de ancla con navegación por hash (por ejemplo, href="#section") no funcionan. Se impide el comportamiento predeterminado de navegación del navegador, aunque el modo de vista previa debería (creo) permitir interacciones normales con las páginas.

¿Cómo reproducir el bicho?

• Inicializar el editor GrapesJS
• Añadir contenido con un enlace ancla que apunte a una sección: '<a href="#about">Ir a Acerca de'</a>
• Añadir una sección objetivo: '<section id="sobre">Sección Acerca</section> de"
• Entrar en modo de vista previa
• Haz clic en el enlace del ancla

Comportamiento esperado: La página de vista previa debería desplazarse hasta la sección de destino al hacer clic en el enlace de anclaje, como ocurre en un navegador normal.

Comportamiento real: No pasa nada al hacer clic en el enlace de ancla. Se evita el comportamiento de navegación por defecto.

Código JSFiddle '''html

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/grapes.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/grapes.min.css"> <div id="gjs"></div> ```

'''js const editor = grapesjs.init({ Contenedor: '#gjs', });

editor.on('load', () => { editor.setComponents(' <div> <a href="#about" style="display: inline-block; addding: 10px; fondo: #007bff; color: blanco; text-decoration: none; border-radius: 4px;">Haz clic para navegar a About</a> </div> <div style="height:1000px;background:red;"> <span>... Espaciado...</span> </div> <sección id="sobre" style="relleno: 20px; fondo: #f0f0f0;"> <h2>Sobre mí</h2> <p>Esta es la sección de información a la que el botón debería acceder.</p> </section> `); });

### Código de conducta

- [x] Acepto seguir el Código de Conducta de este proyecto