GX-Entwicklung

Cumulative Layout Shift (CLS) beim öffnen des Shops wenn man die Menüboxen auf der linken Seite aktiviert hat

Kann wie folgt reproduziert werden:

1. Shop aufrufen
2. Im StyleEdit prüfen ob die linke Seite aktiviert ist und die Box "Kategorien" sichtbar ist.
3. Eine Seite im Shop aufrufen, wo die linke Spalte zu sehen ist mit den Kategorien
4. Browser Console öffnen
5. Im Tab Netzwerk neben "Disable cach" wähle "Slow 3G"
6. Seite in der mobilen Ansicht neuladen
7. Im Shop nach untern scrollen bis die Kategorien zu sehen sind
8. Warten, die Kategorien verschwinden sobald die Seite fertig geladen ist

Erwartetes Ergebnis:
Das Seitenlayout wird nicht verändert wenn die Seite feritg geladen ist, die Kategorien sind direkt beim Aufruf der Seite in der mobilen Ansicht unsichtbar

Tatsächliches Ergebnis:
Kategorien sind beim Aufruf der mobilen Ansicht für einen Moement sichtbar und werden erst mit dem ferigen Laden der Seite entfernt, was zu einer Veränderung im Layout führt.

Cumulative Layout Shift (CLS) when opening the shop if you have activated the menu boxes on the left side.

Can be reproduced as follows:

1. access the shop
2. check in StyleEdit if the left side is activated and the box "Categories" is visible.
3. access a page in the store where the left column with the categories is visible
4. open Browser Console
5. in the tab network next to "Disable cach" choose "Slow 3G
6. reload the page in mobile view
7. scroll down in the store until the categories are visible
8. wait, the categories will disappear as soon as the page has finished loading

Expected result:
The page layout is not changed when the page is loaded, the categories are directly invisible when accessing the page in mobile view

Actual result:
Categories are visible for a moement when accessing the mobile view and are removed only when the page is loaded, resulting in a change in the layout.