¿Por qué ciertos elementos están restringidos a la etiqueta de formulario?

Una vez tuve un caso de uso que funcionaba con una biblioteca de componentes de terceros. En esa biblioteca estaban disponibles los componentes de entrada y formulario, pero la lógica de renderizado se implementó de tal manera que, si la entrada no se colocaba en la etiqueta de formulario, los estilos específicos para renderizar la etiqueta de entrada no producían ningún efecto. Así que acabarías teniendo una entrada fea. Así que tuve que restringir a los usuarios para que no soltaran entradas en cualquier sitio que no fuera la etiqueta del formulario. Como ejemplo, revisa este famoso enfoque de bibliotecas similar a este caso: f7 Salud.

@timsim00 técnicamente eres totalmente libre de reiniciar esta lógica. He configurado esto simplemente porque en el mundo HTML y CSS (sin JS) tener entrada sin un wrapper de formulario no tiene sentido. Por ejemplo, tomemos el componente de 'entrada'. En 'grapesjs-plugin-forms' el componente 'input' tiene esta propiedad 'arrastrable: 'form, form *','. Para que sea arrastrable a cualquier sitio solo necesitarías este código '''js editor. DomComponents.addType('input', { modelo: { valores predeterminados: { arrastrable: verdadero } } })

**Para que funcione bien, colócalo en un plugin y cárgalo después de 'grapesjs-plugin-forms'**