Drag Sorting-Probleme im Web Component mit deaktiviertem Shadow Dom

Question

Version 16.10 Kannst du den Fehler aus der Demo reproduzieren? [X] Ja [ ] Nein Was ist das erwartete Verhalten? Dass GrapesJS das Ziehen und Sortieren von Interaktionen mit benutzerdefinierten Webkomponenten unterstützt, die Shadow DOM nicht aktiviert haben. Beschreibe den Bug Hallo, wir nutzen GrapesJS ausgiebig und integrieren viele unserer benutzerdefinierten Webkomponenten, die mit dem StencilJS-Projekt generiert werden. Ein Problem, auf das wir stoßen, ist das Ziehen von Elementen in die W...

artf · Accepted Answer

Dieser Bug/Anfrage gilt nicht nur für StencilJS, sondern generell für Web Components und den Shadow DOM. Gibt es Best Practices bei Grapes and Web Components, um Ereignisse zu aktivieren oder zu verfolgen, um diese Probleme zu vermitteln? Ich arbeite nicht so sehr mit Web Components, also wenn man eine reproduzierbare Demo erstellen kann (z. B. eine benutzerdefinierte Komponente, die Web Components unter der Haube verwendet), würde das uns helfen, das Problem zu debuggen und zu verstehen.

jenter · Answer

@artf klar, danke für die schnelle Antwort. Ich habe meine eigene Webkomponentenbibliothek hier in diesem Fiddle importiert, um das Problem zu demonstrieren: https://jsfiddle.net/jenter77/5btn2ao7/25/ ! fiddleSort Wenn du auf mein öffentliches Repository und mein Beispiel für eine "Faux-Grid-Item"-Webkomponente hier verwysst, wirst du sehen, dass es sich nur um eine einfache Komponente handelt, die sich um ein paar Sekunden verzögert und dann lädt. Wenn shadowDOM ausgeschaltet ist, tritt der So...

artf · Answer

Hallo Jason, ich habe versucht, mir anzusehen, was im Editor passiert, und ich bin mir nicht sicher, wie die Option 'Schatten' dieses Verhalten tatsächlich beeinflusst, aber das Hauptproblem, das ich sehe, ist das dynamische '

'-Element. Im Grunde hat der Editor, also das Post-Parsing, diese Komponentenstruktur '''html

Hallo

Diese Fehlanpassung verwirrt den Sortierer, da 'div.delayed--wrapper' mit k...

Drag Sorting-Probleme im Web Component mit deaktiviertem Shadow Dom

Frage

Antworten (3)

Verwandte Fragen und Antworten

Die Slider-Tasten und Tabs von Grapesjs funktionieren nicht wie erwartet

Standardinhalte werden beim Einsatz von setComponents eingefügt, wenn der Tag-Body leer ist

Problem mit dem Kopieren und Einfügen eines Knotens

Linear-Gradient CSS macht seltsame Dinge mit Hintergrundbildern

Kostenpflichtige Plugins, die diesem Problem entsprechen

Verwandte Tutorials

How We Built Composeit in Record Time Using GrapesJS Shadcn

How to integrate GrapesJS into an Astro app (complete guide 2026)

GrapesJS custom components guide (2026)

Durchsuchen Sie Plugin-Kategorien