Problemas de ordenación de arrastre en el Componente Web con Shadow Dom desactivado

Question

Version 16.10 ¿Puedes reproducir el error de la demo? [X] Sí [ ] No ¿Cuál es el comportamiento esperado? Que GrapesJS puede soportar la interacción de arrastrar y ordenar con Web Components personalizados que no tienen activado el Shadow DOM. Describe el bicho Hola, usamos GrapesJS extensamente e integramos muchos de nuestros componentes web personalizados, que se generan usando el proyecto StencilJS. Un problema que encontramos es arrastrar elementos a los Componentes Web. Sin embargo, esto so...

artf · Accepted Answer

Este bug/solicitud no es solo para StencilJS, sino en general con Web Components y el Shadow DOM. ¿Existen buenas prácticas con uvas y componentes web para habilitar o rastrear eventos que medien estos problemas? No trabajo mucho con Web Components, así que si puedes crear una demo reproducible (por ejemplo, un componente personalizado usando Web Components en el fondo), eso nos ayudaría a depurar y entender el problema.

jenter · Answer

@artf de nada, gracias por la rápida respuesta. He importado mi biblioteca personalizada de componentes web aquí en este Fiddle para demostrar el problema: https://jsfiddle.net/jenter77/5btn2ao7/25/ ! violínOrden Si haces referencia a mi repositorio público y al ejemplo del componente web "faux-grid-item" aquí, verás que es simplemente un componente sencillo que se retrasa un par de segundos y luego carga. Si shadowDOM está desactivado, ocurre el error de ordenar/arrastrar.

artf · Answer

Hola Jason, he intentado ver qué está pasando dentro del editor y no estoy seguro de cómo la opción 'sombra' afecta realmente a este comportamiento, pero el principal problema que veo es ese elemento dinámico '

'. Básicamente, el editor, en el análisis posterior, tiene esta estructura de componentes '''html

Hola

Este desalineamiento confunde al clasificador porque 'div.delayed--wrapper' no está conect...

Problemas de ordenación de arrastre en el Componente Web con Shadow Dom desactivado

Pregunta

Respuestas (3)

Preguntas y respuestas relacionadas

El elemento de texto no puede seleccionarse dos veces después de extenderse con eventos

Textable no funciona con el componente de texto extendido

Desplázate en el lienzo hasta la parte superior de la página cuando intento arrastrar un elemento de las últimas secciones

¿Cómo arrastrar texto externo a un índice concreto dentro del componente textible?

Plugins de pago que cumplen con este problema

Explorar categorías de plugins