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? 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 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 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...
Hier ist ein Video, das den Bug zeigt: https://github.com/user-attachments/assets/0fdc76ed-cee5-4481-98b1-cbbf52572b31 GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox Latest und Chrome v141.0.7390.122 Reproduzierbarer Demo-Link https://canary.silex....
lexoyo
Oh, und ich würde gerne beitragen, wenn du mir sagst, auf welche Lösung ich mich konzentrieren sollte (ein Befehl zum Wiederverbinden von Instanzen, eine asynchrone Methode zum Laden von Projektdaten wie in Silex, ...) CC @artf
artf
Ja, es sieht nach einem Problem mit dieser Art des Seitenladens 🤔 aus Ich sehe auf meiner Seite kein Problem (volle Projektlast). Was ist der Grund für das Laden der Seiten auf diese Weise?
lexoyo
ja, es sieht nach einem Problem bei dieser Art des Seitenlades 🤔 aus, ich sehe bei mir keine Probleme (volle Projektlast). Was ist der Grund für das Laden der Seiten auf diese Weise? Es verhindert, dass der Hauptthread zu lange blockiert...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 131.0.6778.205 Reproduzierbarer Demo-Link https://codesandbox.io/p/sandbox/naughty-microservice-5hp3h4 Beschreibe den Käfer Wie man den Fehler reproduziert:Fügen Sie dem Korpus die 'Dark-Style'-...
artf
Ja, das wird nicht unterstützt, da es möglicherweise Leistungsbeeinträchtigungen gibt, wenn man versucht, eine mögliche Regel zu erfüllen. Was du aber tun kannst, ist, jede Regel über styleManager.select auszuwählen.
MLMarxx
Okay, danke für die Klarstellung – ich benutze derzeit Select, hat jemand eine Idee, wie man Medien-Tags so ansteuern kann?
artf
Du kannst die benötigte CSSRule ('getRule') holen und sie dann an styleManager.select weitergeben
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?Versuche, zum Beispiel ganze Seitenleisten-Tools/Text/alles auszuwählen.Greifen Sie es auf und...
artf
Du kannst über das Ereignis 'canvas:dragdata' kontrollieren, was im Canvas abgeworfen wird. https://jsfiddle.net/artur_arseniev/87rcb24n/
GJS Helper
Das von dir beschriebene Problem, bei dem beliebige Elemente von außerhalb der GrapesJS-Canvas (einschließlich Teile der UI des Editors) in die Canvas gezogen und abgelegt werden können, ist ein häufiges Verhalten, das sich aus der nativen...
GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Chrome v131Reproduzierbarer Demo-Link https://jsfiddle.net/cmq9end2/1/Beschreibe den Käfer Wie reproduziert man den Bug?Füge im srcset eine img mit einer ungültigen URL zur Canvas hinzu Überprüfen Sie den Netzwe...
GJS Helper
Das von dir beschriebene Problem, bei dem ein "<img>Tag mit einem ungültigen "srcset"-Attribut (und ohne "src"-Attribut) eine unendliche 404-Anfrageschleife verursacht, ist in einigen Browsern (wie Chrome) ein bekanntes Verhalten und kein...
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Version 130.0.6723.59 (Offizielle Version) (arm64) Reproduzierbarer Demo-Link https://codepen.io/btmkt/pen/QWeOJRB?editors=1111 Beschreibe den Käfer Wie reproduziert man den Bug?Konsole öffnen.Mehrere K...
artf
@mohamedsalem401 das passiert wahrscheinlich wegen des oberflächlichen Editors. Ich denke, es wäre sinnvoll, die 'temporäre' Option (die wir bereits nutzen, um einige Aktionen zu überspringen) in canMove zu nutzen. Was ist das? '''js const...
mohamedsalem401
@artf Ja, ich vermute, es hat mit dem oberflächlichen Editor zu tun. Hoffentlich funktioniert die temporäre Option und dann eröffne ich eine PR
BT-MKT
@mohamedsalem401 das passiert wahrscheinlich wegen des oberflächlichen Editors. Ich denke, es wäre sinnvoll, die 'temporäre' Option (die wir bereits nutzen, um einige Aktionen zu überspringen) in canMove zu nutzen. Was ist das?'''jsconst W...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://jsfiddle.net/a2hbxg0y/1/ Beschreibe den Käfer Wie reproduziert man den Bug?Entwicklungswerkzeuge öffnen und den Element-Stil für den iframe-Körper schreiben – Zoom: n;...
artf
Du solltest den Zoom des iFrames nicht bearbeiten, sondern die native API verwenden.
GJS Helper
Du hast einen bestimmten Fehler in GrapesJS identifiziert, der mit der Funktion 'showOffsets' zusammenhängt, wenn auf dem iframe-Körper eine CSS-Eigenschaft 'zoom' angewendet wird. Das ist eine berechtigte Beobachtung, und ich kann das von...