GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome (Versionen 142-144), Safari (Versionen 16.3, 26.1), vielleicht auch andere Reproduzierbarer Demo-Link https://jsfiddle.net/saeedhbi/tqfe7p04/ Beschreibe den Käfer Wie reproduziert man den Bug? Initialis...
GJS Helper
Der 'TypeError: Cannot read properties of null (read 'hasFocus')' im GrapesJS Canvas-Modul ist ein bekanntes Problem, das aus einer Rennbedingung resultiert. Sie tritt auf, wenn Tastaturbefehle (wie Strg+Z, Löschen) versuchen, 'editor aufz...
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? Edge 144.0.3719.92 Reproduzierbarer Demo-Link https://jsfiddle.net/L61f0qtz/ Beschreibe den Käfer Wie reproduziert man den Bug? Öffnen Sie den GrapesJS-Editor in Microsoft Edge. Fügen Sie eine Tastenkarte zum...
GJS Helper
Das Problem, dass 'preventDefault()' für Strg+S und Strg+Shift+S in Microsoft Edge nicht funktioniert, wenn die GrapesJS-Canvas fokussiert ist, ist eine häufige Herausforderung, wie Browser Tastaturereignisse innerhalb von iframes und syst...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 143.0.7499.193 Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Hallo. Wie reproduziert man den Bug? GrapeJS in eine JS-Datei / Node-Env importieren: auf einer Webseite mit...
GJS Helper
GrapesJS setzt von Natur aus als dynamischer Web-Builder auf das Einschleusen von Stilen und die Manipulation des DOM, was tatsächlich zu Verstößen gegen die Content Security Policy (CSP) führen kann, besonders bei sehr strengen Regeln wie...
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? 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? 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? Chrome Reproduzierbarer Demo-Link https://grapesjs.com/demo.html Beschreibe den Käfer Wie reproduziert man den Bug? Starte mit einer neuen Editor-Instanz mit einer leeren Canvas Vom Block-Panel ziehen Sie eine...
lexoyo
Ich schätze, es ist der gleiche wie dieser Bug?
Pierodetomi
Ich glaube nicht, dass es das gleiche Problem ist. In dem, den du verlinkt hast, verschwinden die Items, während in meinem Fall der Layer Manager in einen Zustand gerät, in dem du eine Schicht nicht mehr verschieben kannst. Sie könnten auf...
GJS Helper
Dies ist ein bekanntes Problem in GrapesJS, das damit zusammenhängt, wie die internen Sorter-Instanzen (die sowohl im Layer Manager als auch im Canvas für Drag-and-Drop verwendet werden) ihren Zustand nach komplexen, ebenenübergreifenden K...