Closed Bug 1975653 Opened 3 months ago Closed 1 month ago

hlo.tohotheater.jp - Zoom does not work correctly on seat reservation (layerX/layerY inside transform)

Categories

(Core :: DOM: Events, defect, P2)

Product:
Core
Component:
DOM: Events
Type:
defect

Tracking

()

Status:
VERIFIED FIXED
Milestone:
145 Branch
Project Flags:
Webcompat Priority P2
Webcompat Score 5
Tracking Flags:
Tracking Status
firefox145 --- fixed

People

(Reporter: canalun, Assigned: emilio)

References

(Blocks 1 open bug,
URL
)

Details

(Keywords: spec-needed, webcompat:platform-bug, webcompat:site-report, Whiteboard: [webcompat:japan], [wptsync upstream])

User Story

platform:android
impact:annoyance
configuration:general
affects:all
branch:release
diagnosis-team:japan
user-impact-score:200

Attachments

(4 files)

Test-case that I think captures the root cause of the issue.
420 bytes, text/html
Details
Test-case with nested transforms.
531 bytes, text/html
Details
Test-case with scrolling.
518 bytes, text/html
Details
Bug 1975653 - Tweak behavior of layerX/layerY to be in root coordinate space. r=jrmuizel,masayuki
48 bytes, text/x-phabricator-request
Details | Review

Environment (copy of "About Firefox")
140.0 (Build #2016097287), null
GV: 140.0-20250616215311
AS: 140.0
OS: Android 15

Step To Reproduce:

  1. Access to https://hlo.tohotheater.jp/net/schedule/089/TNPI2000J01.do
  2. Scroll down to the list of screens and extend one of them.
  3. Click any time slot. (It will lead you to the reservation page)
  4. Tap a bottom seat.

Actual Result:
Zoomed in to the top seat in the same column.

Expected Result:
Zoomed in to the tapped seat.

FYI: The zoom won't occur if your screen is enough big like a tablet.

Webcompat Score: --- → 1
URL: https://hlo.tohotheater.jp/net/schedu...
Severity: -- → S4
User Story: (updated)
Webcompat Priority: --- → P2
Webcompat Score: 1 → 6
Keywords: webcompat:needs-diagnosis, webcompat:site-report
Priority: -- → P2
Webcompat Score: 6 → 5

They use layerX/Y inside a transform, then compensate for that transform.

I don't think Chromium's answer is justified here? The event target is inside the transform and thus shouldn't get zoomed-in coordinates...

I filed https://github.com/w3c/uievents/issues/398 for this.

Status: UNCONFIRMED → NEW
Ever confirmed: true
See Also: → https://github.com/w3c/uievents/issues/398
Summary: hlo.tohotheater.jp - Zoom does not work on seat reservation → hlo.tohotheater.jp - Zoom does not work correctly on seat reservation (layerX/layerY inside transform)
Whiteboard: [webcompat:japan]

Just to test chrome behavior.

Assignee: nobody → emilio
Status: NEW → ASSIGNED
Pushed by ealvarez@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/0baf80a3590d https://hg.mozilla.org/integration/autoland/rev/fb06ff1a6aa5 Tweak behavior of layerX/layerY to be in root coordinate space. r=jrmuizel,masayuki
Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/54889 for changes under testing/web-platform/tests
Whiteboard: [webcompat:japan] → [webcompat:japan], [wptsync upstream]

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

Status: ASSIGNED → RESOLVED
Closed: 1 month ago
status-firefox145: --- → fixed
Resolution: --- → FIXED
Target Milestone: --- → 145 Branch
Upstream PR merged by moz-wptsync-bot

Masayuki, can you verify if this is fixed for you now in Nightly?

Flags: needinfo?(masayuki)

The movie from comment 0 is no longer screening but I tried with another movie and verified this works in Nightly (145) on Android but not on Beta (144).

Status: RESOLVED → VERIFIED
Flags: needinfo?(masayuki)

Yep, it seems working. Thank you!

Component: Site Reports → DOM: Events
Product: Web Compatibility → Core
Regressions: 1992635
QA Whiteboard: [qa-triage-done-c146/b145]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: