Die unendliche Leinwand erhöht ihre Höhe unendlich, wenn es ein Element mit einer Mindesthöhe von 100 vh gibt

Question

GrapesJS-Version[X] Ich bestätige, die neueste Version von GrapesJS zu verwendenWelchen Browser benutzt du? Arc-Version 1.29.0 (46113)Reproduzierbarer Demo-Link https://grapesjs-react-custom-ui-vrkhwc.stackblitz.ioBeschreibe den Käfer Wie reproduziert man den Bug?Infinite-Canvas aktivierenMindestens zwei Komponenten zur Leinwand hinzufügenSetze eine Mindestgröße von 100 vh für einen von ihnen Was ist das erwartete Verhalten? Die Höhe der Leinwand sollte nicht unendlich zunehmen. Wie ist das akt...

artf · Accepted Answer

Vermeiden Sie es, Infinite Canvas zu verwenden, da es nie dokumentiert und nicht einmal als Spielfilm fertiggestellt wurde.

GJS Helper · Answer

Das Problem, das Sie haben, wenn die GrapesJS Infinite Canvas ihre Höhe unendlich erhöht, wenn ein Element mit 'min-height: 100vh' vorhanden ist, ist ein bekanntes Interaktionsproblem zwischen CSS-Viewport-Einheiten ('vh') und dem dynamischen Größenänderungsmechanismus der GrapesJS-Leinwand, besonders wenn die Leinwand innerhalb eines iframe gerendert wird. Ursachenanalyse 'min-höhe: 100vh': Diese CSS-Eigenschaft weist ein Element an, mindestens 100 % der Sichtfensterhöhe zu haben. Im Kontext v...

Die unendliche Leinwand erhöht ihre Höhe unendlich, wenn es ein Element mit einer Mindesthöhe von 100 vh gibt

Frage

Antworten (2)

Verwandte Fragen und Antworten

Kann auf Mobilgeräten keine Komponenten verschieben, um sie zu bewegen

Das Ereignis "storage:end:load" wird nicht ausgelöst, wenn alle Komponenten in die Leinwand montiert sind

Ein Update auf GrapesJS v19.5 von v18.4 führt dazu, dass Chrome nicht mehr reagiert

Duplizierter Videoblock beim erneuten Anhängen des GrapesJs-Editors zum Dokument

Kostenpflichtige Plugins, die diesem Problem entsprechen

Durchsuchen Sie Plugin-Kategorien