[pw] vergelijkings popup bij zoeken niet uit gelijnd

[mannte]

Vermeld de URL waar het probleem zich bevindt
https://tweakers.net/pricewatch/zoeken/?keyword=Kobo+glo+hd
...
Geef aan welke stappen je uitvoert om het probleem te kunnen reproduceren
Denk dat alleen de laatste stap nodig is maar voor de volledigheid:

1. Via de best buy guide naar de Kobo BW ereader pagina
2. Naar de pricewatch e-reader overzichts pagina
3. E-reader aan de vergelijking toevoegen
4. Zoeken op Kobo Glo HD
5. Glo HD ook aan de vergelijking toevoegen

...
Beschrijf wat je zou verwachten als het probleem zich niet voordeed
Betere uitlijning
...
Indien relevant, voeg een screenshot toe

...
Vermeld welk apparaat en browser je gebruikt
Chrome Mobile op een Samsung Galaxy S22+
...

[watcher46]

Dit ziet er toch prima uit

Nee even zonder dollen, ik heb er naar gekeken en is logisch te verklaren. Standaard positie van de popup is naast de knop, is er geen ruimte dan probeerd hij hem er onder te zetten. En hier gaat het mis, want om te bepalen of er ruimte is wordt er een parent-element gebruikt om dit te bepalen. Nu is dat element net zo hoog als de lijst met producten/uitvoeringen. Je zou zeggen, neem dan de body-tag als element, maar dat heeft weer andere implicaties.

Belangrijk om te weten is dat we de vergelijk-popup willen gaan aanpakken en een iets andere UX te geven waardoor de popup zelf komt te vervallen.

Kortom, nu doen we er even niks mee, maar het staat op de rol om groter aan te pakken.