Closed Bug 1931538 Opened 1 year ago Closed 1 year ago

buzzfeed.com - Cards within game cannot be selected

Categories

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

Product:
Web Compatibility
Component:
Site Reports
Version:
Firefox 134
Platform:
Desktop
Windows 10
Type:
defect

Tracking

(Webcompat Priority:P2, Webcompat Score:1, firefox132 wontfix, firefox133 wontfix, firefox134 wontfix, firefox141 verified)

Status:
VERIFIED FIXED
Milestone:
141 Branch
Project Flags:
Webcompat Priority P2
Webcompat Score 1
Tracking Flags:
Tracking Status
firefox132 --- wontfix
firefox133 --- wontfix
firefox134 --- wontfix
firefox141 --- verified

People

(Reporter: ipop, Assigned: twisniewski)

References

(
URL
)

Details

(Keywords: webcompat:needs-contact, webcompat:site-report, webcompat:sitepatch-applied, Whiteboard: [webcompat-source:product][webcompat:sightline])

User Story

platform:windows,mac,linux,android
impact:feature-broken
configuration:general
affects:all
branch:release
diagnosis-team:dom
user-impact-score:600

Attachments

(3 files)

Cards_cannot_be_selected_issue.mp4
1.50 MB, video/mp4
Details
Bug 1931538 - add a webcompat intervention for BuzzFeed Thanksgiving Showdown Quiz so the game cards are clickable; r?denschub
48 bytes, text/x-phabricator-request
Details | Review
Bug 1931538 - gate our buzzfeed thanksgiving foods card game webcompat intervention to Firefox versions 140 and under; r?denschub
48 bytes, text/x-phabricator-request
Details | Review

Environment:
Operating system: Windows 10
Firefox version: Firefox 132.0.1 (release)/134

Preconditions:

  • Clean profile

Steps to reproduce:

  1. Navigate to: https://www.buzzfeed.com/trendyelephant793/thanksgiving-foods-showdown-quiz
  2. Scroll down to reach the game/quiz
  3. Click on "Start Game"
  4. Click on one of the cards
  5. Observe the behavior

Expected Behavior:
The cards can be selected.

Actual Behavior:
The cards cannot be selected.

Notes:

  • Reproducible on the latest Firefox Release and Nightly
  • Reproducible regardless of the ETP setting
  • Works as expected using Chrome

Created from webcompat-user-report:105730eb-8843-42b3-a186-f0eee55f4d63

Since nightly and release are affected, beta will likely be affected too.
For more information, please visit BugBot documentation.

status-firefox133: --- → affected
Severity: -- → S2
User Story: (updated)
Keywords: webcompat:needs-diagnosis
Priority: -- → P1
Whiteboard: [webcompat-source:product] → [webcompat-source:product][webcompat:sightline]

er, to me it seems that there's an <div> placed on top of the <button>, so <button> doesn't receive the click event, and I don't know why it works in Chrome.

Often Emilio just knows the answer, so I'll summon him first. Emilio let me know if you don't know offhand and I can keep investigate. Thanks!

Flags: needinfo?(emilio)

That div has backface-visibility: hidden and it's flipped. So it seems chrome doesn't hit-test it. I... don't think hit-testing within 3d transforms is particularly well defined to say we're right or wrong...

A workaround is usingpointer-events: none on the back faces of the cards, but only when flipped, probably...

Flags: needinfo?(emilio)

Thanks! Sounds like the site depends on undefined behaviour and we could also do an intervention.

Keywords: webcompat:needs-diagnosis → webcompat:needs-contact, webcompat:needs-sitepatch

The site also works in Safari.

Webcompat Priority: --- → P1
Keywords: leave-open
Assignee: nobody → twisniewski
Status: NEW → ASSIGNED
Pushed by twisniewski@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/8e513c36958e add a webcompat intervention for BuzzFeed Thanksgiving Showdown Quiz so the game cards are clickable; r=denschub,webcompat-reviewers
User Story: (updated)
Webcompat Priority: P1 → P2
Webcompat Score: --- → 7
Priority: P1 → P2
Webcompat Score: 7 → 4
Webcompat Score: 4 → 1

The core bug was fixed here, so we can gate this intervention so it's only for Firefox release under 141 (there is no rush, as the intervention should just be redundant, but harmless).

Pushed by twisniewski@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/7f90e544dbdd https://hg.mozilla.org/integration/autoland/rev/d95ea317a322 gate our buzzfeed thanksgiving foods card game webcompat intervention to Firefox versions 140 and under; r=denschub,webcompat-reviewers

https://hg.mozilla.org/mozilla-central/rev/d95ea317a322

Status: ASSIGNED → RESOLVED
Closed: 1 year ago
status-firefox141: --- → fixed
Resolution: --- → FIXED
Target Milestone: --- → 141 Branch

Verified, the issue no longer reproduces.

Tested with:

  • Browser / Version: Firefox 141.0-candidate build 1
  • Operating System: Windows 10
Status: RESOLVED → VERIFIED
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: