mdn / mdn/browser-compat-data

css.properties.touch-action - Firefox won't register property actions if page loaded without touchscreen connected

Open
#21,227 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

browser:firefox data:css
Dominant language
JSON
Stars
5.8k
Forks
2.6k
Avg merge
1d 21h
Merged PRs (30d)
186

Description

What type of issue is this?

Browser bug (a bug with a feature that may impact site compatibility)

What information was incorrect, unhelpful, or incomplete?

when i open firefox before having my touchscreen connected, the touch-action rules dont work. one has to open a new firefox tab or window after connecting a touch device for css touch-actions rules to apply

What browsers does this problem apply to, if applicable?

Firefox

What did you expect to see?

after connecting my touchscreen i first thought "touch-action: none" just doestn work anymore in firefox on desktop. done a forced refresh, i put it on the body and html without success. but after opening another profile it worked in this other instance. so i tried restart, new window and found out that this css-rule even works in a new tab without restarting the browser, just not in pre touch-device opened tabs.

Did you test this? If so, how?

disconnect touchscreen (i only connect mine for testing), open the page with "touch-action: none;", connect the touch device and see if zoom works. it does while it should not.
i tested browser restart, new window, new tab, - those all resolve the issue.
its just a minor bug, but i believe it should be eliminated.
reload or even forced reload dont do the trick.
it works in chromium based browsers.
here is probably the wrong place to report this, sorry for that, but i'm sure someone who reads this can forward it to the right spot.

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

No response

Do you have anything more you want to share?

https://hexaboard.properform.ch/

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action

MDN metadata
MDN page report details
  • Query: css.properties.touch-action
  • Report started: 2023-11-13T23:40:44.579Z

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the reported sequence from the issue: load the page without a touchscreen, connect the device, and compare existing tabs with a new tab. Read the MDN touch-action page and the css.properties.touch-action query context; determine whether this is representable in browser compatibility data and document the appropriate compatibility result or disposition.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
20/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.