GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Safari 18.5 auf dem Mac Reproduzierbarer Demo-Link https://codepen.io/jmulik/pen/LEpdjZq Beschreibe den Käfer Wie reproduziert man den Bug? Anzeigen https://codepen.io/jmulik/pen/LEpdjZq in Chrome – Kann Blöck...
them7d
Ja, es funktioniert nicht, weil der Code nicht vollständig mit dem Safari-Browser kompatibel ist Um dieses Problem zu beheben, musst du grapes in NextJS verwenden, wie diese Seite https://grapesjs.com/demo.html
GJS Helper
Das Problem, das du hast, dass Drag & Drop in Safari seit GrapesJS v0.22.1 nicht mehr funktioniert, ist ein bekanntes Verhalten im Zusammenhang mit Änderungen im Speichermanagement des Frameworks. Ursache GrapesJS v0.22.0 führte ein bedeut...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrom Reproduzierbarer Demo-Link https://codepen.io/Harshsne/pen/zxvREjB Beschreibe den Käfer Wie reproduziert man den Bug? Drag & Drop die Textkomponente Was ist das erwartete Verhalten? Sie sollte im Layerma...
artf
Du kannst die Komponente mit der Eigenschaft 'layerable: false' aus den Schichten ausblenden oder deine eigene benutzerdefinierte Layer Manager UI mit der benötigten UI-Logik erstellen.
GJS Helper
Das Problem, bei dem gesperrte Komponenten im GrapesJS Layer Manager trotzdem ausgewählt, gezogen und gelöscht werden können, ist ein häufiger Verwirrungspunkt. Die Eigenschaft 'gesperrt' bei einer GrapesJS-Komponente steuert hauptsächlich...
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 Welchen Browser benutzt du? Firefox Entwickler 142.0b9, Chrome 138.0.7204.184 Reproduzierbarer Demo-Link https://jsfiddle.net/artur_arseniev/ta19s6go/ Beschreibe den Käfer Wie reproduziert man den Bug? Mach die "Artikel"-Komponente zu einem Symbol Fü...
GJS Helper
Das von Ihnen beschriebene Problem, bei dem das Hinzufügen einer Textkomponente zu einer ursprünglichen Symbolinstanz zu Cursor-Resets, Flimmern und kontinuierlichen 'component:add'-Ereignissen führt, ist ein bekannter Interaktionskonflikt...
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? Edge: Version 135.0.2535.51 (Offizielle Version) (64-Bit), Chrome: Version 135.0.6422.112 (Offizielle Version) (64-Bit) Reproduzierbarer Demo-Link https://app.grapesjs.com/studio?utmsource=grapesjs&utmmedium=m...
msftedad
Hallo Team, gibt es Neuigkeiten zu diesem Problem?
GJS Helper
Das von Ihnen beschriebene Problem verdeutlicht eine häufige Barrierefreiheitsherausforderung bei Webentwicklern, die stark auf Drag-and-Drop-Interaktionen setzen. GrapesJS implementiert standardmäßig seine Block- und Komponentenmanipulati...
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrom v140.0.7307.0 (Kanarienvogel) Reproduzierbarer Demo-Link https://jsfiddle.net/y3gr69s4/ Beschreibe den Käfer Wie reproduziert man den Bug? Erstellen Sie eine Editor-Instanz mit der Option 'parser.options...
GJS Helper
Du hast eine Diskrepanz in der Handhabung der keepEmptyTextNodes -Option in GrapesJSkorrekt identifiziert, was dazu führt, dass Zeilenzeilen aus deinem HTML-Output entfernt werden. Dies ist tatsächlich ein Fehler, der mit der Konfiguration...
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? Version 138.0.7204.50 (Offizielle Version) (arm64) Reproduzierbarer Demo-Link https://jsfiddle.net/artur_arseniev/L24hkgm5/ Beschreibe den Käfer Wie reproduziert man den Bug? Fügen Sie den Layer-Manager hinzu...
GJS Helper
Du hast in den GrapesJS-Versionen '0.22.8' und '0.22.9' genau eine Regression identifiziert, bei der der Sichtbarkeitsschalter des Layer Managers von 'unsichtbar' zu 'sichtbar' nicht richtig funktionierte. Der Schalter 'sichtbar' zu 'unsic...
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...