Responsive layout Pricewatch toont producten onder sidebar

[Balance]

Vermeld de URL waar het probleem zich bevindt
https://tweakers.net/pric...keyword=Cherry+XTRFY+K5V2

Geef aan welke stappen je uitvoert om het probleem te kunnen reproduceren
Kan zijn dat je een beetje zoomen / venstergrootte veranderen om dit gedrag gereproduceerd te krijgen.

Beschrijf wat je zou verwachten als het probleem zich niet voordeed
Producten staan naast de sidebar

Indien relevant, voeg een screenshot toe




Vermeld welk apparaat en browser je gebruikt
Windows 11, Google Chrome 122.0.

[crisp]

Zie je toevallig JS errors in je console (F12)?

[Balance]

Geen errors te zien.

Wat me nu opvalt is dat ik er alleen last van heb als m'n browser op 90% scaling staat (wat hij bij mij vaak op Tweakers.net staat). Op 75%, 100% etc. geen last van. M'n OS draait dan weer op 175% scaling. Kan zijn dat dat er iets mee te maken heeft.

[crisp]

Het lijkt inderdaad op een afrondingsfout van de browser waardoor de listing net niet meer naast de filters past. Dit werkt nu nog met floats, maar gaan we in de toekomst waarschijnlijk wel omzetten naar flexbox of grid. Dat zou dit soort situaties moeten voorkomen. Op dit moment zou ik niet zo snel weten wat een makkelijke fix zou zijn. Aangezien het ook blijkbaar alleen in uitzonderlijke gevallen voorkomt weet ik niet of we daar nu tijd aan moeten besteden.

Een mogelijke workaround voor jou zou misschien dit zijn in custom css:

Cascading Stylesheet:

#listingContainer {
  max-width: 749px;
}

[winnie]

Ik heb misschien een soortgelijke bug, alleen daar staan de items van de PW verticaal uitgelijnd. Lettergrootte is ook anders.

Ik krijg een warning bij de veloper mode:

vergelijken/:44 document.domain mutation is ignored because the surrounding agent cluster is origin-keyed.

Ik had een vergelijkingslijst in mijn profiel staan, verwijderen van die lijst geeft geen verbetering.

OS = Windows 11
Browser is Opera 108.0.5067.40

[ Voor 3% gewijzigd door winnie op 22-03-2024 16:52 ]

[winnie]

En automagisch is het bij mij opgelost