arrow-down arrow at-sign bug check checkbox-checked checkbox-unchecked svg-checkmark chevron-right chevrons-right circle-down circle-left circle-right circle-up cloud2 svg-cross2 download download external-link filter github hash home leaf leaf left link-2 log-in log-out mail menu message-square minus plus radio-checked radio-checked2 radio-unchecked search settings spinner8 target twitter up upload-2 user users warning x zap
  • Home
  • Report a bug
  • Contribute
  • All issues
  • Login

URL: https://googlesamples.github.io/web-fundamentals/fundamentals/design-and-ux/input/touch/states-example.html

Browser / Version: Firefox 66.0
Operating System: Linux
Tested Another Browser: Yes

Problem type: Something else
Description: After touching my screen, refreshing the page persists the mouse cursor in the area I last touched
Steps to Reproduce:

  1. Navigate to page
  2. Observe that button 1 is a light blue
  3. hover over the button
  4. observe that the button darkens
  5. touch button 1
  6. observe that the button is darker still
  7. use ctrl + r to refresh the page (do not touch the screen or trackpad first)
  8. observe that the button one color is the same as in step 4 above.

Expected result is that the mouse cursor that is triggering the hover event on button 1 should not trigger.

Reported on https://www.reddit.com/r/firefox/comments/ahe7ow/firefox_still_seems_to_react_to_an_invisible/ - I tried to find a general case since it is a webcompat issue.

Works as expected in Chromium and user in thread above reports that it works correctly in Edge.
Screenshot Description

Browser Configuration
  • mixed active content blocked: true
  • image.mem.shared: true
  • buildID: 20190118094042
  • tracking content blocked: false
  • gfx.webrender.blob-images: true
  • hasTouchScreen: true
  • mixed passive content blocked: false
  • gfx.webrender.enabled: false
  • gfx.webrender.all: true
  • channel: nightly

Console Messages:

[u'[JavaScript Error: "Blocked loading mixed active content http://fonts.googleapis.com/css?family=Roboto:400,300" {file: "https://googlesamples.github.io/web-fundamentals/fundamentals/design-and-ux/input/touch/states-example.html" line: 0}]', u'[JavaScript Error: "Blocked loading mixed active content http://fonts.googleapis.com/css?family=Roboto:400,300" {file: "https://googlesamples.github.io/web-fundamentals/fundamentals/design-and-ux/input/touch/states-example.html" line: 0}]']

Reported by @yoasif

From webcompat.com with ❤️

Please login to edit issues.

View issue on Github

Shortcut: Press l on your keyboard to open the label editor. Shortcut: Press g on your keyboard to be taken to the GitHub view of this page.
🔒 Closed: Duplicate
#24472

googlesamples.github.io - After touching my screen, refreshing the page persists the mouse cursor in

Opened: 2019-01-18
Reporter: webcompat-bot
Comments: 7
  • Home
  • List of issues
  • About
  • Contribute
  • Contact
  • Privacy Policy
  • Terms of Service
  • Code of Conduct