Verbesserung
Top-Thema
Wichtig
Kleinigkeit
Wichtig
Das Burger-Menü wird falsch gerendert.
Internet Explorer
Im Internet Explorer wird für das Burger-Menü mehr Platz als nötig reserviert. Dieser Fehler ist jedoch nur schwer zu reproduzieren.
Chrome, Firefox & Opera
In diesen Browsern tritt der Fehler beim erstmaligen Öffnen des Burger-Menüs auf. Wird die Seite aktualisiert, kommt es erneut zu diesem Fehler. Hier wird allerdings weniger Platz für das Burger-Menü bereitgestellt, sodass ein Scrollbalken erscheint und die Texte umbrechen.
Implementierung
Die benötigte Höhe des Burger-Menüs wird zunächst fehlerhaft vom Browser zurückgegeben. Die Größe wird durch die Zeilenhöhe und einen Abstand bestimmt. Die dafür verwendeten CSS-Klassen werden jedoch nicht beim Eintrag des GUI Inspectors herausgeschrieben, sodass dieser bei der initialen Berechnung der Größe eine falsche übermittelt. Das später geladene Icon des GUI Inspectors benötigt mehr Platz, wodurch ein Scrollbalken in den oben genannten Browsern entsteht.
Der Button des GUI Inspectors wird nun über ein CommandModel erstellt, sodass er die gleiche Mechanik zum Hinzufügen der benötigten CSS-Klassen wie die anderen Button nutzen kann.
Test
Mit Chrome, Firefox oder Opera ein beliebiges Burger-Menü öffnen, das einen GUI Inspector enthält und überprüfen, ob es beim initialen Rendern ohne Scrollbalken dargestellt wird. Auch nach der Aktualisierung der Seite darf der Fehler nicht mehr auftreten.