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...
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? 140.0.7339.214(正式版本) (x8664) Reproduzierbarer Demo-Link https://codesandbox.io/p/devbox/d27l6n Beschreibe den Käfer Ich möchte eine benutzerdefinierte dynamische Listenkomponente basierend auf GrapesJS erstell...
GJS Helper
Das Einfrierproblem, das Sie mit Ihrer benutzerdefinierten Dynamic List-Komponente in GrapesJS haben, ist ein klassisches Beispiel für eine Event-Feedback-Schleife. Sie tritt auf, weil der Ereignis-Listener, der für die Aktualisierung der...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Google Chrome v139.0.7258.128 Reproduzierbarer Demo-Link https://codesandbox.io/p/sandbox/relaxed-payne-vt3pgc Beschreibe den Käfer Wie reproduziert man den Bug? Fügen Sie der Leinwand einige Elemente hinzu Ve...
GJS Helper
Vielen Dank, dass Sie dieses Problem gemeldet und eine klare, reproduzierbare Demo bereitgestellt haben. Das Problem, das Sie beim Drag-and-Drop im Layer Manager haben, nachdem Sie versucht haben, die Wurzel zu ändern, liegt an einer falsc...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Edge Version 135.0.2535.51 (Offizielle Version) (64-Bit), Chrome Version 135.0.6422.112 (Offizielle Version) (64-Bit) Reproduzierbarer Demo-Link https://grapesjs.com/demo Beschreibe den Käfer Testumgebung: Bet...
artf
Hey, @msftedad das Website-Repository ist hier, kannst du gerne eine PR mit der Lösung (file/GrapesEditor.tsx)) einreichen. Ich schließe das Problem, da es nichts mit dem Kern zu tun hat.
GJS Helper
Dies ist ein gültiger und wichtiger Barrierefreiheitsfehlerbericht für die GrapesJS-Demo-Seite. Das Problem entsteht dadurch, dass das "<img>Tag" für das GrapesJS-Logo ein leeres "alt"-Attribut hat, was den Bildschirmlesern fälschlicherwei...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 138.0.7204.101 Reproduzierbarer Demo-Link https://jsfiddle.net/u3L89ejh/1/ Beschreibe den Käfer Wie reproduziert man den Bug? Das Bild vergrößern Ziehe es woanders auf der Leinwand hin. Klicke auf eines...
artf
@jsxOverdose eine Korrektur für diese neue Version vorgeworfen: https://github.com/GrapesJS/grapesjs/releases/tag/v0.22.11
jsxOverdose
@artf In der neuen Version gibt es einen weiteren Bug: Wenn man auf einen der Größenänderungsgriffe auf der Y-Achse klickt, wird das Bild deutlich größer. Hier ist die Demo: https://jsfiddle.net/du81zL6r/
GJS Helper
Das Problem, das du mit Elementen hast, die nach der Verschiebung an eine falsche Position springen und dann mit dem Resizer interagieren, ist ein bekanntes Verhalten, das darauf zusammenhängt, wie GrapesJS CSS- top und left Eigenschaften...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome Reproduzierbarer Demo-Link https://codepen.io/Harshsne/pen/YPXdgmj Beschreibe den Käfer Wie reproduziert man den Bug? Ein Bild hochladen Zur mobilen Ansicht wechseln Das Bild in der Größe anpassen ! Bil...
mosh-tudor
@yashvi2026 Das liegt an deinem eigenen CSS-Code. Entfernen Sie diesen Teil: '''js Stile: '.image{max-width:100%;}@media (max-Breite: 480px) {.image {display: inline-block; Höhe:Auto!Wichtig; Breite: 100% !wichtig; max-width:100%;}}, `` vo...
artf
Ich bestätige, dass der Komponenten-Resizer im Moment nicht "!wichtig" berücksichtigt, aber ich würde mehr oder weniger dem folgen, was @mosh-tudor vorgeschlagen hat. Du musst nicht die gesamten 'Stile' entfernen, da ich vermute, was du br...
yashvi2026
Ich muss '!wichtig' in meinem Stil verwenden. Mir ist aufgefallen, dass in anderen Komponenten, wenn '!wichtig' in den Standard-Stilen enthalten ist, die über den Style-Manager hinzugefügten Stile auch '!important' enthalten, um sicherzust...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v135.0.7049.96 Reproduzierbarer Demo-Link https://jsfiddle.net/bqkLwt8j/ Beschreibe den Käfer Wenn ein Element einen Inline-Stil hat und ebenfalls einer ID-basierten CSS-Regel entspricht, werden die Sty...
artf
Danke für den Bericht@jsxOverdose Das wird in der nächsten Version behoben
GJS Helper
Du hast ein spezifisches Verhalten in GrapesJS genau identifiziert, bei dem Inline-Stile scheinbar ID-basierte CSS-Regeln komplett überschreiben, selbst bei nicht widersprüchlichen Eigenschaften. Dies ist tatsächlich eine Abweichung von de...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 133 mit Dev-Branch Stand 27.02.2025 Reproduzierbarer Demo-Link Klon-Dev-Repos Stand 27.02.2025 Beschreibe den Käfer Wie reproduziert man den Bug? ... Klon-Repo, Bau und Start ... Klicken Sie auf der Dem...
sumasal
Vorübergehender Workaround für Ungeduldige:
GJS Helper
Es scheint, als hättest du einen Fehler im GrapesJS dev -Branch festgestellt, bei dem das Ziehen von Komponenten auch im Vorschaumodus möglich ist. Dies widerspricht tatsächlich dem erwarteten Verhalten, da der Vorschaumodus alle Bearbeitu...