Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[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 join this conversation on GitHub. Already have an account? Sign in to comment
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