Project

General

Profile

GX-Bug #68105

Cumulative Layout Shift (CLS) beim öffnen des Shops wenn man die Menüboxen auf der linken Seite aktiviert hat / Cumulative Layout Shift (CLS) when opening the shop if you have activated the menu boxes on the left side

Added by Till Tepelmann 10 months ago. Updated 3 months ago.

Status:
Erledigt
Priority:
Hoch
Assignee:
Category:
SEO
Target version:
% Done:

0%

Estimated time:
Steps to reproduce:
Betroffene Versionen:
4.2.1.0, 4.3.1.0, 4.3.2.0
Release Notes Langtext:

Kein Cumulative Layout Shift (CLS) beim Öffnen des Shop in der mobilen Ansicht, wenn man das linke Kategoriemenü aktiviert hat


Description

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.

History

#1

Updated by Till Tepelmann 10 months ago

  • Status changed from Gemeldet to 30
  • Assignee set to Core-Entwickler
  • Target version changed from 133 to 4.3.3.0 beta1
#2

Updated by Till Tepelmann 10 months ago

  • Tags set to MR
#3

Updated by Marvin Muxfeld 10 months ago

  • Status changed from 30 to Testing
#4

Updated by Till Tepelmann 10 months ago

  • Release Notes Langtext updated (diff)
#5

Updated by Moritz Bunjes 10 months ago

  • Assignee changed from Core-Entwickler to Moritz Bunjes
#6

Updated by Moritz Bunjes 10 months ago

  • Status changed from Testing to Erledigt
#7

Updated by Moritz Bunjes 3 months ago

  • Tags deleted (MR)

Also available in: Atom PDF

Add picture from clipboard (Maximum size: 5 MB)