GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Alle Browser (Chrome, Safari, Firefox, Edge) Reproduzierbarer Demo-Link https://jsfiddle.net/saeedhbi/powxyjdq/3/ Beschreibe den Käfer Wie reproduziert man den Bug? Initialisieren eines GrapeJS-Editors Eine Ko...
artf
Ähnlich wie https://github.com/GrapesJS/grapesjs/issues/6705 Ich kann diese Art von Rennbedingung nicht erstellen (z. B. auswählen und entfernen über die API) und in deinem Beispiel wird getRoot auf einer Komponente überprüft, aber so eine...
saeedhbi
Wie bei https://github.com/GrapesJS/grapesjs/issues/6705#issuecomment-3921025039 lag das Problem in unserer externen Bibliothek, die GrapeJS nutzte, und da es die gleiche Situation wie das Problem 6705 hatte, werde ich sie schließen. Danke...
GJS Helper
Dieses 'TypeError: e.getRoot ist keine Funktion' ist eine bekannte Rennbedingung im Style Manager von GrapesJS, insbesondere wenn Komponenten schnell ausgewählt und dann gelöscht werden. Sie tritt auf, weil die Update-Logik des Style Manag...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Alle Browser (Chrome, Safari, Firefox, Edge) Reproduzierbarer Demo-Link https://jsfiddle.net/saeedhbi/tdsLa6qe/ Beschreibe den Käfer Wie reproduziert man den Bug? Erstellen Sie einen einfachen GrapeJS-Editor (...
saeedhbi
Hallo @artf, nachdem ich die Full Stack Trace genauer untersucht habe, habe ich festgestellt, dass der Fehler nicht in GrapesJS liegt. Der Aufruf 'event.key.toLowerCase()' stammt aus unserem eigenen Anwendungscode – einem globalen 'window....
artf
Hey @saeedhbi, wo genau siehst du 'event.key.toLowerCase()' in unserem Code? Bist du sicher, dass es nicht von deiner Seite kommt? Leider ist das JSFIDDLE nicht hilfreich, scheint zu sehr die KI zu schief 😅 zu sein, es lädt nicht einmal d...
GJS Helper
Der 'TypeError: Cannot read properties of undefined (reading 'toLowerCase')' im Keyboard-Handler von GrapesJS ist ein bekanntes Problem, das auftritt, wenn bestimmte Tastaturereignisse, insbesondere solche aus Input Method Editors (IMEs),...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://codepen.io/Logeshwaran-codepen/pen/raLJpYb Beschreibe den Käfer Wie reproduziert man den Bug? Wähle Komponenten aus, die in Canvas verfügbar sind. Hören Sie ein Lebens...
GJS Helper
Das Problem, auf das Sie gestoßen sind, ist ein häufiger Fallstrick bei synchronen DOM- oder Komponentenbaum-Manipulationen innerhalb von GrapesJS-Lebenszyklusereignissen, besonders wenn der UndoManager aktiv ist. Das Kernproblem liegt im...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v143.0.7499.193 Reproduzierbarer Demo-Link https://codesandbox.io/p/sandbox/2l3887 Beschreibe den Käfer Wie reproduziert man den Bug? Öffne die Seite und lade den GrapesJS-Editor Wählen Sie die Zeilenko...
mdmontesinos
Ich stehe vor einem ähnlichen Problem, bei dem die wiederhinzugefügte Komponente die korrekte Styles-Eigenschaft hat: <img width="1112" height="17" alt="Image" src="https://github.com/user-attachments/assets/474011c4-b1be-48df-9aa8-14c3dcd...
artf
@mdmontesinos deine Verwendung nicht korrekt ist, müssen 'Stile' in der Komponentendefinition definiert werden, und es wird nicht erwartet, dass sich das ändert. Außerdem ist es falsch, IDs für die Komponentendefinition zu verwenden; wenn...
mdmontesinos
@artf ich benutze eine ID, weil es in meinem Projekt immer eine einzelne Instanz dieser Komponente geben wird. Mein Anwendungsfall ist, dass eine Komponente extern als "Hintergrund" konzipiert und dann in Projekte importiert wird, die sie...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 143.0.7499.169 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug? Ziehe eine benutzerdefinierte Codekomponente in die Seite. Das Modal sollte si...
Derikb
Zur Info: Ich habe die Demo-Seite als reproduzierbaren Link verwendet, obwohl diese Seite nicht die aktuellste Version von GrapeSJS verwendet. Mein lokaler Code verwendet die aktuelle Version und zeigt das gleiche Problem an.
Derikb
Okay, ich verstehe, warum das passiert. Weil das Modal und sein umgebender Hintergrund alle ein Element sind, das die Ereignisse an sich hängt, wird Mausabwärts, Ziehen, Maushoch immer noch als Klick behandelt, weil es sich um dasselbe Ele...
GJS Helper
Das von dir beschriebene Problem ist ein bekannter Randfall, wie Browser-"Klick"-Events mit "Mousedown"- und "Mouseup"-Events interagieren, besonders bei Overlays oder Hintergründen für Modals. Während die modale Schließungslogik von Grape...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Mutig Reproduzierbarer Demo-Link Na Beschreibe den Käfer Wie reproduziert man den Bug? Versuche, ein YouTube-Video auf einer Landingpage hinzuzufügen und finde es heraus. Was ist das erwartete Verhalten? YouTu...
GJS Helper
Dies ist tatsächlich ein gültiger Fehlerbericht. YouTube hat seine Einbettungsanforderungen aktualisiert, und ohne das Attribut 'referrerpolicy="strict-origin-when-cross-origin"' im 'iframe' können Videos nicht abgespielt werden, was einen...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 143.0.7499.41 Reproduzierbarer Demo-Link https://jsfiddle.net/mghzw41k/2/ Beschreibe den Käfer Im Vorschaumodus funktionieren Ankerlinks mit Hash-Navigation (z. B. href="#section") nicht. Das Standard-N...
doudou673
Ich hatte dasselbe Problem.
GJS Helper
Das Problem, das Sie mit Ankerlinks (Hash-Navigation) haben, die im GrapesJS-Vorschaumodus nicht funktionieren, ist ein häufiges Verhalten, das sich aus der Art und Weise ergibt, wie GrapesJS Interaktionen innerhalb seiner Canvas handhabt....
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Jede Reproduzierbarer Demo-Link https://github.com/padcom/grapesjs-closestType-missing Beschreibe den Käfer Dieser Fehler wurde in hier eingeführt. Vor dieser Änderung funktionierte alles wie erwartet. Ich neh...
padcom
Es stellt sich heraus, dass der zweite Parameter nicht immer die Komponente, sondern der Absender des Ereignisses ist, was bedeutet, dass es manchmal die Sammlung der Komponenten ist, die offensichtlich nicht die Methode 'closestType()' ha...
GJS Helper
Es scheint, dass es ein leichtes Missverständnis bezüglich der Verwendung von 'component.closestType()' geben könnte. Nach Überprüfung der bereitgestellten Reproduktionsschritte und des Codes ist 'component.closestType' tatsächlich eine Fu...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 137.0 und Chrome 136.0.7103.92 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug? Öffne die offizielle Demo https://grapesjs.com/demo.html Um e...
Pierodetomi
Ich kann bestätigen, dass ich dasselbe Problem sehe, und es wird dadurch verursacht, dass das verschwindende Element eine berechnete Höhe von '0px' hat (weil es display: none verwendet). Auch wenn dies definitiv ein Fehler ist, kannst du a...
GJS Helper
Dies ist tatsächlich ein Fehler in der Drag-and-Drop-Funktionalität des GrapesJS Layers-Panels, insbesondere beim Versuch, semantisch verknüpfte Komponenten zu verschieben, wie etwa ein 'Input'-Element mit einer 'id' und ein 'label'-Elemen...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox 145.0 (64-Bit) Reproduzierbarer Demo-Link https://jsfiddle.net/artur_arseniev/ta19s6go/ Beschreibe den Käfer Wie reproduziert man den Bug? Gehe zur offiziellen Symbole-Demo, erstelle ein Symbol und änd...
NilLlisterri
Verstanden, wenn ich etwas innerhalb eines Symbols stylen und die Änderungen teilen möchte, sollte ich eine Klasse hinzufügen. Danke euch beiden für die Hilfe!
lexoyo
Hallo Diese Farbe wird auf das Element angewendet, bei Grapesjs bedeutet das, dass es eine CSS wie '#compid { color: red; } erzeugt' aber IDs sind auf einer HTML-Seite eindeutig, sodass das andere Symbol eine andere ID hat Das ist für mich...
artf
Entschuldigung, kein Bug, sondern ein "Feature" 😅 Meiner Meinung nach sollten Komponentenstile nicht an Symbole gebunden sein; Das ist eine einfache Möglichkeit, Stile zwischen denselben Symbolen zu überschreiben (üblich). Wenn du die gle...