Skip to content
This repository has been archived by the owner on Feb 25, 2025. It is now read-only.

[web] Set touch-action:none in embedded views. #53945

Merged
merged 2 commits into from
Jul 17, 2024

Conversation

ditman
Copy link
Member

@ditman ditman commented Jul 16, 2024

This PR adds touch-action:none to flutter-view elements, so the browser lets the flutter engine fully handle all touch gestures.

This fix is more delicate than the first approach, which broke some merged taps when accessibility/semantics are enabled.

Issues

Demos

Pre-launch Checklist

  • I read the Contributor Guide and followed the process outlined there for submitting PRs.
  • I read the Tree Hygiene wiki page, which explains my responsibilities.
  • I read and followed the Flutter Style Guide and the C++, Objective-C, Java style guides.
  • I listed at least one issue that this PR fixes in the description above.
  • I added new tests to check the change I am making or feature I am adding, or the PR is test-exempt. See testing the engine for instructions on writing and running engine tests.
  • I updated/added relevant documentation (doc comments with ///).
  • I signed the CLA.
  • All existing and new tests are passing.

If you need help, consider asking for advice on the #hackers-new channel on Discord.

@ditman ditman requested a review from yjbanov July 16, 2024 19:52
@github-actions github-actions bot added the platform-web Code specifically for the web engine label Jul 16, 2024
@ditman ditman added the autosubmit Merge PR when tree becomes green via auto submit App label Jul 17, 2024
@auto-submit auto-submit bot merged commit 5bf0f03 into flutter:main Jul 17, 2024
29 checks passed
engine-flutter-autoroll added a commit to engine-flutter-autoroll/flutter that referenced this pull request Jul 17, 2024
auto-submit bot pushed a commit to flutter/flutter that referenced this pull request Jul 17, 2024
…ions) (#151889)

Manual roll requested by [email protected]

flutter/engine@18eefac...7e25796

2024-07-17 [email protected] Roll Skia from 1b0ddc1355ef to 7ebcb7ea944e (1 revision) (flutter/engine#53958)
2024-07-17 [email protected] Roll Skia from d19c61e55ea6 to 1b0ddc1355ef (1 revision) (flutter/engine#53957)
2024-07-17 [email protected] Roll Skia from 80dde3f27830 to d19c61e55ea6 (3 revisions) (flutter/engine#53956)
2024-07-17 [email protected] Roll Skia from 4c50b51875d4 to 80dde3f27830 (1 revision) (flutter/engine#53955)
2024-07-17 [email protected] [web] Set touch-action:none in embedded views. (flutter/engine#53945)
2024-07-17 [email protected] Roll Skia from d1478885de20 to 4c50b51875d4 (4 revisions) (flutter/engine#53953)

If this roll has caused a breakage, revert this CL and stop the roller
using the controls here:
https://autoroll.skia.org/r/flutter-engine-flutter-autoroll
Please CC [email protected],[email protected] on the revert to ensure that a human
is aware of the problem.

To file a bug in Flutter: https://github.com/flutter/flutter/issues/new/choose

To report a problem with the AutoRoller itself, please file a bug:
https://issues.skia.org/issues/new?component=1389291&template=1850622

Documentation for the AutoRoller is here:
https://skia.googlesource.com/buildbot/+doc/main/autoroll/README.md
@ditman ditman added the cp: beta cherry pick to the beta release candidate branch label Jul 18, 2024
@ditman ditman deleted the fix-embedded-scroll-2 branch July 18, 2024 02:53
@flutteractionsbot
Copy link

Failed to create CP due to merge conflicts.
You will need to create the PR manually. See the cherrypick wiki for more info.

ditman added a commit to ditman/flutter-engine that referenced this pull request Jul 19, 2024
This PR adds `touch-action:none` to `flutter-view` elements, so the browser lets the flutter engine fully handle all touch gestures.

This fix is more delicate than the first approach, which broke some merged taps when accessibility/semantics are enabled. 

## Issues

* Found while testing: flutter/flutter#130950
* "More correct" fix for: flutter#53647

## Demos

* Flutter scroll: https://dit-multiview-scroll.web.app
* Semantics: https://dit-tests.web.app
* Scrollable platform views: https://dit-multiview-tests.web.app

[C++, Objective-C, Java style guides]: https://github.com/flutter/engine/blob/main/CONTRIBUTING.md#style
TytaniumDev pushed a commit to TytaniumDev/flutter that referenced this pull request Aug 7, 2024
…ions) (flutter#151889)

Manual roll requested by [email protected]

flutter/engine@18eefac...7e25796

2024-07-17 [email protected] Roll Skia from 1b0ddc1355ef to 7ebcb7ea944e (1 revision) (flutter/engine#53958)
2024-07-17 [email protected] Roll Skia from d19c61e55ea6 to 1b0ddc1355ef (1 revision) (flutter/engine#53957)
2024-07-17 [email protected] Roll Skia from 80dde3f27830 to d19c61e55ea6 (3 revisions) (flutter/engine#53956)
2024-07-17 [email protected] Roll Skia from 4c50b51875d4 to 80dde3f27830 (1 revision) (flutter/engine#53955)
2024-07-17 [email protected] [web] Set touch-action:none in embedded views. (flutter/engine#53945)
2024-07-17 [email protected] Roll Skia from d1478885de20 to 4c50b51875d4 (4 revisions) (flutter/engine#53953)

If this roll has caused a breakage, revert this CL and stop the roller
using the controls here:
https://autoroll.skia.org/r/flutter-engine-flutter-autoroll
Please CC [email protected],[email protected] on the revert to ensure that a human
is aware of the problem.

To file a bug in Flutter: https://github.com/flutter/flutter/issues/new/choose

To report a problem with the AutoRoller itself, please file a bug:
https://issues.skia.org/issues/new?component=1389291&template=1850622

Documentation for the AutoRoller is here:
https://skia.googlesource.com/buildbot/+doc/main/autoroll/README.md
auto-submit bot pushed a commit that referenced this pull request Aug 14, 2024
This PR adds `touch-action:none` to `flutter-view` elements, so the browser lets the flutter engine fully handle all touch gestures.

This fix is more delicate than the first approach, which broke some merged taps when accessibility/semantics are enabled. 

## Issues

* Found while testing: flutter/flutter#130950
* "More correct" fix for: #53647

## Demos

* Flutter scroll: https://dit-multiview-scroll.web.app
* Semantics: https://dit-tests.web.app
* Scrollable platform views: https://dit-multiview-tests.web.app

[C++, Objective-C, Java style guides]: https://github.com/flutter/engine/blob/main/CONTRIBUTING.md#style

*Replace this paragraph with a description of what this PR is changing or adding, and why. Consider including before/after screenshots.*

*List which issues are fixed by this PR. You must list at least one issue.*

*If you had to change anything in the [flutter/tests] repo, include a link to the migration guide as per the [breaking change policy].*

---

### Cherry-pick of #53945

* Fixes: flutter/flutter#152047
Buchimi pushed a commit to Buchimi/flutter that referenced this pull request Sep 2, 2024
…ions) (flutter#151889)

Manual roll requested by [email protected]

flutter/engine@18eefac...7e25796

2024-07-17 [email protected] Roll Skia from 1b0ddc1355ef to 7ebcb7ea944e (1 revision) (flutter/engine#53958)
2024-07-17 [email protected] Roll Skia from d19c61e55ea6 to 1b0ddc1355ef (1 revision) (flutter/engine#53957)
2024-07-17 [email protected] Roll Skia from 80dde3f27830 to d19c61e55ea6 (3 revisions) (flutter/engine#53956)
2024-07-17 [email protected] Roll Skia from 4c50b51875d4 to 80dde3f27830 (1 revision) (flutter/engine#53955)
2024-07-17 [email protected] [web] Set touch-action:none in embedded views. (flutter/engine#53945)
2024-07-17 [email protected] Roll Skia from d1478885de20 to 4c50b51875d4 (4 revisions) (flutter/engine#53953)

If this roll has caused a breakage, revert this CL and stop the roller
using the controls here:
https://autoroll.skia.org/r/flutter-engine-flutter-autoroll
Please CC [email protected],[email protected] on the revert to ensure that a human
is aware of the problem.

To file a bug in Flutter: https://github.com/flutter/flutter/issues/new/choose

To report a problem with the AutoRoller itself, please file a bug:
https://issues.skia.org/issues/new?component=1389291&template=1850622

Documentation for the AutoRoller is here:
https://skia.googlesource.com/buildbot/+doc/main/autoroll/README.md
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
autosubmit Merge PR when tree becomes green via auto submit App cp: beta cherry pick to the beta release candidate branch platform-web Code specifically for the web engine
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants