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 #4803
Die Auswahl des Merkmalswerts füllt den Wert nicht aus
GrapesJS-Version [X] Ich bestätige, die neueste Version von GrapesJS zu verwenden Welchen Browser benutzt du? Chrome 108 Reproduzierbarer D...
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 →Durchsuchen Sie Plugin-Kategorien
Springe direkt zu den Plugin-Kategorieseiten im Marktplatz.