css.properties.touch-action - Firefox won't register property actions if page loaded without touchscreen connected
Nobody has claimed this yet.
- 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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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