Open Bug 1918995 Opened 1 year ago Updated 4 months ago

www.calculator.net - Context menu appearing when tapping fast on the calculator buttons

Categories

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

Firefox 132
ARM
Android

Tracking

(Webcompat Priority:P3, Webcompat Score:1, firefox130 affected, firefox132 affected)

ASSIGNED
Webcompat Priority P3
Webcompat Score 1
Tracking Status
firefox130 --- affected
firefox132 --- affected

People

(Reporter: ctanase, Assigned: twisniewski)

References

()

Details

(4 keywords, Whiteboard: [webcompat-source:web-bugs][webcompat:sightline][webcompat:core])

User Story

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

Attachments

(2 files)

Environment:
Operating system: Android 11
Firefox version: Firefox Mobile 132.0/130

Steps to reproduce:

  1. Go to https://www.calculator.net/
  2. Tap multiple times and fast on the calculator buttons.
  3. Observe the behavior.

Expected Behavior:
The buttons can be tapped without any issues.

Actual Behavior:
Context menu appears.

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/141610

Version: unspecified → Firefox 132
Attached video FF vs Chrome.mp4

It's possible to ship a patch here with user-select:none for the affected element.

Severity: -- → S4
User Story: (updated)
Priority: -- → P3
User Story: (updated)
Whiteboard: [webcompat-source:web-bugs] → [webcompat-source:web-bugs][webcompat:sightline]
Webcompat Priority: --- → P2
Webcompat Score: --- → 6
Assignee: nobody → twisniewski
Status: NEW → ASSIGNED
Pushed by twisniewski@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/6296011efcdc add a CSS intervention for calculator.net on Android to prevent the copy-paste UI from coming up while using their on-screen keyboard; r=denschub,webcompat-reviewers
Webcompat Score: 6 → 3
Webcompat Score: 3 → 1
User Story: (updated)
Webcompat Priority: P2 → P3

I'm seeing this too on my device. When I try to use the calculator quickly, the context menu keeps popping up and getting in the way.
What I noticed:
It seems like Firefox is interpreting my fast taps as long-presses somehow. Like, I'll tap a number quickly and then tap another one, and boom - context menu appears. It's pretty frustrating when you're trying to do a quick calculation.
My thoughts on what might be happening:
Firefox Mobile might be a bit too sensitive with detecting long-press gestures. When you're tapping rapidly, it probably thinks you're holding down on the button even though you're not. Chrome doesn't have this problem, so it's definitely something specific to how Firefox handles touch events.
Things that might help figure this out:

Does this happen on other websites that need rapid tapping? Like mobile games or other interactive tools?
Is there a way to adjust how long Firefox waits before triggering the context menu?
Does it matter if the calculator uses actual HTML buttons versus clickable divs?

Temporary fix:
For now, I've been tapping slower with little pauses between each tap. Not ideal for a calculator, but at least it works.
This really does impact the mobile browsing experience compared to other browsers, so hopefully it can get some attention. Thanks for reporting this!

Whiteboard: [webcompat-source:web-bugs][webcompat:sightline] → [webcompat-source:web-bugs][webcompat:sightline][webcompat:core]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: