Closed Bug 1907805 Opened 1 year ago Closed 4 months ago

arca.live - Does not show preview image when flicking over articles with images

Categories

(Web Compatibility :: Site Reports, defect, P2)

Firefox 130
ARM
Android

Tracking

(Webcompat Priority:P2, Webcompat Score:6, firefox128 affected, firefox130 affected, firefox145 affected)

RESOLVED FIXED
Webcompat Priority P2
Webcompat Score 6
Tracking Status
firefox128 --- affected
firefox130 --- affected
firefox145 --- affected

People

(Reporter: ctanase, Unassigned)

References

()

Details

(Keywords: webcompat:platform-bug, webcompat:site-report, Whiteboard: [webcompat-source:web-bugs][webcompat:sightline][webcompat:japan])

User Story

platform:android
impact:feature-broken
configuration:general
affects:all
branch:release
diagnosis-team:layout
user-impact-score:450

Attachments

(2 files)

Environment:
Operating system: Android
Firefox version: Firefox 128.0/130

Steps to reproduce:

  1. Go to https://arca.live/b/zenlesszonezero
  2. Scroll down the page.
  3. Flick over articles that has the preview/image icon before the title.

Expected Behavior:
The preview image is shown.

Actual Behavior:
The preview image is missing.

Notes:

  • Reproduces regardless of the status of ETP
  • Reproduces in Firefox Nightly, and Firefox Release
  • Does not reproduce in Chrome

Created from https://github.com/webcompat/web-bugs/issues/139023

Attached video arca Chrome vs FF.mp4
Version: unspecified → Firefox 130
Severity: -- → S3
User Story: (updated)
Priority: -- → P2

Looks like this is made visible in a :hover rule, including on mobile.

User Story: (updated)
Attached file testcase 1

It seems like :hover works a bit inconsistently in general on mobile (googling for "Android :hover" turns up a bunch of articles about it not doing what people expect).

Testing in testcase 1 and the original site, it looks like we have some commonality and one minor behavior-difference that I think the screencast is demonstrating

In both Chrome and Firefox, when you touch the screen over a link (as in the case in this bug):
(A) If you move your finger immediately after you touch the screen, :hover state is never activated on the thing that you touched.
(B) If you don't move your finger (i.e. long-press), the :hover state gets activated and a context-menu appears for the link. (These happen at the same time in Firefox, vs. one-after-the-other in Chrome with a short delay between them.)

...BUT:
(C) If you wait a fraction of a second between touching & moving your finger. then Chrome activates the :hover state but does not show the context-menu for the link.

So it seems that in Chrome, adding-the-hover-state is decoupled (and happens slightly sooner) than showing-a-link-context-menu; whereas in Firefox, those two things happen atomically (with the hover state also being shown slightly later than in Chrome).

This probably merits a platform bug to investigate whether there are good reasons to decouple these events in the way that Chrome does; but it doesn't look to me like this really breaks this particular site (or is an intended or particularly-discoverable way of viewing the preview images here); I'd rate this as very low-severity. If you tap-and-hold the preview images, the preview shows up in both Firefox and Chrome (along with a context-menu, since you're long-pressing a link).

Depends on: 1919411

(In reply to Daniel Holbert [:dholbert] from comment #4)

This probably merits a platform bug to investigate whether there are good reasons to decouple these events in the way that Chrome does;

Spun off as bug 1919411.

Whiteboard: [webcompat-source:web-bugs] → [webcompat-source:web-bugs][webcompat:sightline]
Webcompat Priority: --- → P2
Webcompat Score: --- → 6
Whiteboard: [webcompat-source:web-bugs][webcompat:sightline] → [webcompat-source:web-bugs][webcompat:sightline][webcompat:japan]
User Story: (updated)
User Story: (updated)
Status: NEW → RESOLVED
Closed: 4 months ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: