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? Chrome v143 Reproduzierbarer Demo-Link https://jsfiddle.net/szLp8h4n Beschreibe den Käfer Wie reproduziert man den Bug? Hintergrundfarbe einstellen Setze den Grenzradius unten links auf z.B. 20px. Was ist das...
GJS Helper
Danke, dass Sie dieses Problem gemeldet haben. Ich kann den Fehler bestätigen, bei dem die Steuerungen 'Border Radius unten links' und 'Border Radius unten rechts' im GrapesJS Style Manager tatsächlich vertauscht sind, was dazu führt, dass...
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...
@artf Die Elemente mit einer ID in den Symbolen haben in den verschiedenen Symbolinstanzen unterschiedliche IDs. Das macht Sinn, weil es schlecht ist, mehrere Elemente mit derselben ID in einem HTML-Dokument zu haben Ausgabe 1 Nutzer, die ein Symbol auf verschiedenen Seiten haben, sind verwirrt, weil die Stile, die si...
GJS Helper
Sie haben in GrapesJS eine grundlegende Designentscheidung korrekt identifiziert, wie IDs innerhalb von Symbolinstanzen gehandhabt werden. Dieses Verhalten ist zwar entscheidend für die Aufrechterhaltung validen HTMLs, stellt aber tatsächl...
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? 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...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Edge (Version 143.0.3650.46), Chrome (Version 143.0.7499.41) Reproduzierbarer Demo-Link https://grapesjs.com/demo Beschreibe den Käfer Testumgebung: Betriebssystem: Windows 11 Version 25H2 (OS Build 26220.7271...
msftedad
Hallo Team, Gibt es Neuigkeiten zu diesem Problem?
GJS Helper
Das ist eine berechtigte Barrierefreiheitsbedenken. Die Leinwand des GrapesJS-Editors wird innerhalb eines "Element" gerendert<iframe>. Damit Bildschirmleser diesen iframe richtig identifizieren und ankündigen können, benötigt er einen zug...
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...