Issue #1536💬 RespondidoAbierto el 23 de octubre de 2018por dlorenzoReacciones 0

Propagar diferentes valores

Respuesta rápidapor artf

¿Hay alguna forma de añadir selectable: true al padre y propagar un valor falso? Diría que la única forma es crear un envoltorio en el centro: '''html <parent> <-- seleccionable <div data-gjs-selectable="false" propagar..> <-- no seleccionable <child> ... ```Y, en una línea similar, ¿es posible anular la propagación m...

Lee la respuesta completa abajo ↓

Pregunta

Hola:

Estoy intentando evitar que se seleccionen elementos hijos para que solo se pueda seleccionar al padre superior (para evitar eliminar hijos y solo poder trabajar con bloques enteros). Creé un componente que define al padre con un falso seleccionable y propaga: ['seleccionable']. Esto funciona bien, pero, por supuesto, el padre no puede ser seleccionado.

¿Hay alguna forma de añadir selectable: true al padre y propagar un valor falso?

Y, en una línea similar, ¿es posible anular la propagación más adelante? En el mismo experimento, probé a poner 'seleccionable: verdadero' en un componente hijo sin ningún efecto.

¡Gracias!

Respuestas (2)

artf30 de octubre de 2018

¿Hay alguna forma de añadir selectable: true al padre y propagar un valor falso?

Diría que la única forma es crear un envoltorio en el centro: '''html <parent> <-- seleccionable <div data-gjs-selectable="false" propagar..> <-- no seleccionable <child> ...


> Y, en una línea similar, ¿es posible anular la propagación más adelante?

No, no puedes detener la propagación solo mediante accesorios

Si necesitas, todo lo relacionado con la propagación ocurre aquí: https://github.com/artf/grapesjs/blob/dev/src/dom_components/model/Component.js#L125-L135
imanubhardwaj24 de mayo de 2019

También me enfrento a este problema, donde he creado componentes personalizados con la imagen envuelta dentro de una <a> etiqueta, y cuando hago clic en el componente, se activa clic en etiqueta de imagen en lugar de clic <a> en etiqueta. ¿Hay alguna solución para esto?

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.