No se pueden añadir espacios al componente de botón extendido basándose en el componente de texto.

Parece que el espacio activa el evento de 'clic' en Chrome. La solución parece ser añadir el preventDefault en 'keypress' https://stackoverflow.com/questions/22104860/chrome-firing-onclick-when-space-typed-in-contenteditable-button

PD: Evita ampliar la vista de esa manera. Por defecto, cuando usas 'extender' de algún tipo, también estás extendiendo su vista (si necesitas extender la vista de otro componente puedes usar 'extendView: 'another-component-type').

Gracias por informar de esto, @christosapos.

Buena pregunta sobre No se pueden añadir espacios a un componente de botón extendido basándose en un componente de texto.. El enfoque recomendado con Componentes es utilizar la API orientada a eventos.

Empieza aquí:

1. Consulta la documentación de GrapesJS de tu módulo específico
2. Busca el método del oyente de eventos 'on()'
3. La mayoría de las operaciones se pueden realizar escuchando eventos del editor y de los componentes

Patrones comunes: '''javascript Prestad atención a los cambios editor.on('Change', () => console.log('Something Changed'));

Ciclo de vida de los componentes editor.on('component:mount', (c) => console.log('component ready', c)); editor.on('component:update', (c) => console.log('component updated', c));

**Si sigues atascado:**
- Compartir una reproducción mínima de CodeSandbox
- Incluye lo que ya has probado
- Menciona tu versión GrapesJS
- ¡La comunidad está aquí para ayudar!