Permalänk
Medlem

Bugg för bilder

Hej! Har en bugg för bilder: när jag klickar på en bild så att interaktionspunkten ligger utanför dess "ram" post-klick så stänger den ner sig direkt. Har inte testat på några andra devices/OS.

(Android 13, Chrome 119 / Firefox 111.1, S22 Ultra)
1. Öppna valfri artikel.
2. Skrolla så att en av bilderna ligger "långt upp/ner" (så långt att interaktionen inte skulle träffa bilden när den är fullstor).
3. Tryck på bilden.
4. Bilden flimrar till och stängs. (Gissning: bakgrunden registrerar första interaktionen som att bilden ska stängas.)

Visa signatur

Hejhej!

Permalänk
Geeks
Jobbar med data

Det är tyvärr en känd bugg som påverkar både mobiler och surfplattor. De skickar två event (touch och click) vid klick och vår kod tolkar det som att du vill stänga bilden igen.

Permalänk
Medlem

Hmmm...
Kanske ni kan kolla om det finns touch:
const touch = matchMedia('(hover: none), (pointer: coarse)').matches;

Och isåfall bara regga callback för 'touchend'?

Eller separera 'click' till 'mouseup' och 'touchend' med evt.preventDefault() i touchend?

Visa signatur

Hejhej!

Permalänk
Geeks
Jobbar med data

På något vis kommer jag behöva ignorera det andra eventet, men inte kommit till skott att laga just denna bugg, trots att jag blir irriterad på den hela tiden.