Modals schließen ein Maus-up-Event außerhalb des Modals statt eines vollständigen Klicks
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.
Lesen Sie die vollständige Antwort unten ↓Frage
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 sich automatisch öffnen, sonst sollte man in der Vorschau auf die benutzerdefinierte Code-Komponente doppelklicken. Klicke und halte im Modal gedrückt, ziehe dann die Maus aus dem Modal hinaus und lasse den Klick los. Das Modal schließt. Was ist das erwartete Verhalten? Mir scheint...
Antworten (3)
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.
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 Element handelt. Event.target ist schließlich der Ort, an dem d...
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 GrapesJS an ein 'Klick'-Ereignis auf seinem Wurzelelement (das al...
Verwandte Fragen und Antworten
Führe die Forschung mit ähnlichen Themendiskussionen fort.
Problem #5378
Ungefangener TypeError: Kann die Eigenschaften von undefinierten (liest 'Canvas') nicht lesen, während eine Komponente im Layer Manager Panel gezogen wird
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v116.0.5845.97 Reprodu...
Problem #5785
Umrisse bleiben im Vorschaumodus erhalten
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome v122 Reproduzierbarer...
Problem #5346
Eine Komponente löschen, ohne ihren entsprechenden Stil zu löschen
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? neueste Version von Chrome Re...
Problem #6606
Der Editor braucht lange zum Laden (manchmal über eine Minute)
GrapesJS-Version [x] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Firefox Reproduzierbarer Demo...
Kostenpflichtige Plugins, die diesem Problem entsprechen
Kuratiert nach Themen-Schlüsselwörtern und Label-Relevanz, damit Sie schneller liefern.
Lade: Empfehlungen für kostenpflichtige Plugins...
Überprüfen Sie die Open-Source-GrapesJS-Plugins auf GitHub Oder suchen Sie schnell in unserem kostenlosen Katalog.
Durchstöbere kostenlose Plugins →Premium-Plugins werden mit Support, regelmäßigen Updates und produktionsreifen Funktionen geliefert – das spart Tage an Integrationsarbeit.
Durchsuchen Sie Premium-Plugins →Verwandte Tutorials
Tiefgehende Anleitungen zum gleichen Thema.
Tutorial
Introducing Search on GJS.Market
GJS.Market now has one search across everything we publish — plugins, articles, community questions, guides, authors and services. Press ⌘K from any page.
Tutorial
Wie man 2026 mit GrapesJS einen KI-gestützten Page Builder erstellt
Was wir beim Bau von GJSDocs gelernt haben – von einfacher KI-Textgenerierung bis hin zu strukturiertem, kontextbewusstem visuellem Editing
Tutorial
Wie viel kostet es, 2026 einen SaaS-Page Builder zu bauen?
Wie viel kostet es, einen SaaS-Seitenbauer im Jahr 2026 zu erstellen? Entdecken Sie realistische Entwicklungskosten, Zeitpläne, Funktionen und wie die Nutzung G
Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.