Repository: flutter
Issue: [Proposal]Add option to disable safari magnifying glass from within flutter
Labels: c: new feature,engine,platform-web,c: proposal,P2,browser: safari-ios,team-web,triaged-web

<!-- Thank you for using Flutter!

     If you are looking for support, please check out our documentation
     or consider asking a question on Stack Overflow:
      * https://flutter.dev/
      * https://api.flutter.dev/
      * https://stackoverflow.com/questions/tagged/flutter?sort=frequent

     If you have found a bug or if our documentation doesn't have an answer
     to what you're looking for, then fill out the template below. Please read
     our guide to filing a bug first: https://flutter.dev/docs/resources/bug-reports
-->

## Steps to Reproduce

<!-- Please include full steps to reproduce so that we can reproduce the problem. -->


1. Run any flutter web app. For example https://gallery.flutter.dev/, or where it becomes apparent that this is an issue, my small test application https://pohuing.github.io/magnifier_issue/
2. On any iOS application in Safari, double tap and hold.

**Expected results:** <!-- what did you want to see? -->
I want to not see a small magnifying glass where I'm touching the screen.

**Actual results:** <!-- what did you see? -->
I see a small magnifying glass, obstructing the view.

<details>
<summary>Code sample</summary>

<!--
      Please create a minimal reproducible sample that shows the problem
      and attach it below between the lines with the backticks.

      To create it you can use `flutter create bug` command and update the `main.dart` file.

      Alternatively, you can use https://dartpad.dev/
      which is capable of creating and running small Flutter apps.

      Without this we will unlikely be able to progress on the issue, and because of that
      we regretfully will have to close it.
-->

```dart
import 'package:flutter/material.dart';

main() {
  runApp(SimpleDraw());
}

class SimpleDraw extends StatefulWidget {
  const SimpleDraw({Key? key}) : super(key: key);

  @override
  State<SimpleDraw> createState() => _SimpleDrawState();
}

class _SimpleDrawState extends State<SimpleDraw> {
  final List<Offset> points = [];

  @override
  Widget build(BuildContext context) {
    return Listener(
      onPointerMove: (event) => setState(() => points.add(event.localPosition)),
      child: CustomPaint(
        painter: LinePainter(points),
      ),
    );
  }
}

class LinePainter extends CustomPainter {
  final List<Offset> points;

  LinePainter(this.points);

  @override
  void paint(Canvas canvas, Size size) {
    if (points.length >= 2) {
      final paint = Paint();
      var priorPoint = points.first;
      for (final point in points.skip(1)) {
        canvas.drawLine(priorPoint, point, paint);
        priorPoint = point;
      }
    }
  }

  @override
  bool shouldRepaint(covariant CustomPainter oldDelegate) {
    return true;
  }
}
```

</details>

<details>
  <summary>Logs</summary>

<!--
      Run your application with `flutter run --verbose` and attach all the
      log output below between the lines with the backticks. If there is an
      exception, please see if the error message includes enough information
      to explain how to solve the issue. If there is a crash, please include
      the entirety of the crash log including the backtrace.
-->

I don't know how to capture logs from flutter web running on another device. However I can't imagine anything interesting turning up there.

<!--
     Run `flutter analyze` and attach any output of that command below.
     If there are any analysis errors, try resolving them before filing this issue.
-->

```
PS E:\source\IntelliJProjects\magnifier_issue> flutter analyze
Running "flutter pub get" in magnifier_issue...                    427ms
Analyzing magnifier_issue...                                            

   info - Prefer const with constant constructors - lib\main.dart:4:10 - prefer_const_constructors
   info - Unused import: 'package:magnifier_issue/main.dart' - test\widget_test.dart:11:8 - unused_import
  error - The name 'MyApp' isn't a class - test\widget_test.dart:16:35 - creation_with_non_type

3 issues found. (ran in 2.4s)
```

<!-- Finally, paste the output of running `flutter doctor -v` here. -->

```
```

</details>


<!--
      Consider also attaching screenshots and/or videos to better
      illustrate the issue.

      You can upload them directly on GitHub.
      Beware that video file size is limited to 10MB.
-->

I've tried various fixes contained to CSS and -webkit... properties. The only option[ I didn't try yet is suppressing the default touch action in js](https://stackoverflow.com/a/35856453/6347690), since I'm fairly sure it'll break flutter itself. And I'm not sure where I should be hooking into

https://user-images.githubusercontent.com/24683548/212481712-a675723c-ed19-42d7-a23d-afdc1db1e8d0.MP4



https://user-images.githubusercontent.com/24683548/212481677-83ef7a66-2d9b-4b05-8116-7c43218aacae.mp4