[pw bug] Tektst loopt door elkaar na activering filters

[Munchie]

Hoi,

In de pricewatch op de pagina Producten komt het bij mij soms voor dat teksten en cijfers door elkaar heenlopen bij de filters op de linkerkant van de pagina. Normaal gesproken wordt dit automatisch passend gemaakt, maar in sommige gevallen gebeurt dit niet.
Het probleem ontstaat door een filter te activeren van een filter dat standaard dicht staat geklapt. Tevens dient het om een filter met een slider te gaan.

Dit probleem kan bij mij op drie manieren ontstaan:
- Door in de pricewatch een product te openen, een slider te activeren, de pagina verversen, en de filter links weer uit te klappen.
- Door in de pricewatch een product te openen, te klikken op Wil je verder met je laatstgebruikte filters? Ja, graag! en de filter links weer uit te klappen.
- Door middel van het gebruik van een url naar het product met geactiveerde filters.

Bijvoorbeeld:
https://tweakers.net/smar...rh4aZrsK1RuiE1oKIGgyXlnP8
Open vervolgens links in beeld de filters Beeldscherm. En Accu en lader.

Bij mij ziet het er zo uit:





Maar bijvoorbeeld ook bij de SSD's.
https://tweakers.net/soli...JghhM3MDWDqgRLmKMZAJGprAQ



Heb dit ondervonden op Windows 7, Windows 10 en Debian, met browsers Chrome en Firefox. Met en zonder extensies geactiveerd.

Excuus mocht dit reeds bekend/gemeld zijn.

[crisp]

Ik denk dat in dit geval de categorie 'Beeldscherm' al uitgeklapt had moeten zijn vanwege de actieve filters daarin. Het probleem ontstaat wanneer de slider gerendered wordt terwijl deze niet zichtbaar is; de javascript kan dan niet zien hoe breed de labels zijn en zodoende overlapping voorkomen. Je fixed het instant door bijvoorbeeld het filter zelf weer in- en uit te klappen; dan forceer je het opnieuw renderen van de slider.

Ik ga hier in ieder geval een ticket voor maken