…rInterceptor on Safari and Firefox. (flutter/packages#9362)

flutter/packages@1765c95...2bac766

2025-06-03 [email protected] [in_app_purchase_android]
GooglePlayPurchaseParam add possibility set selected offerToken
(flutter/packages#8452)
2025-06-03 [email protected] [camera] 🐛 Fix toggles overflow in the
camera example (flutter/packages#9274)
2025-06-03 [email protected] [shared_preferences] Remove duplicate
integration test (flutter/packages#9368)
2025-06-03 [email protected] [pointer_interceptor_web]
Fix unresponsive input above PointerInterceptor on Safari and Firefox.
(flutter/packages#9362)

If this roll has caused a breakage, revert this CL and stop the roller
using the controls here:
https://autoroll.skia.org/r/flutter-packages-flutter-autoroll
Please CC [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

…ptor on Safari and Firefox. (flutter#9362)

Fixes flutter/flutter#157920

### Description

When the `TextField` is placed above the `HtmlElementView`, it becomes unresponsive on Safari and Firefox. After the investigation, I found that this happens because the underlying `input`/`textarea` loses focus, leading to not listening to the keyboard input.

After some investigation, I found out that calling `preventDefault` on `mousedown` events on `PointerInterceptor` `div` element prevents the `input/textarea` from losing focus.

The same was already done for `SelectionArea` in flutter/flutter#167275

| Before | After |
| :---: | :---: |
| https://input-above-interceptor-bug.web.app | https://input-above-interceptor-fix.web.app |
| <video src="proxy.php?url=https://github.com/user-attachments/assets/3537d34d-9eb2-4a36-bbcf-4cb0de01133d" /> | <video src="proxy.php?url=https://github.com/user-attachments/assets/14458b51-bcf0-4761-9b57-7735a214125b" /> |

<details>
<summary>Application Source Code</summary>

```dart
import 'package:flutter/material.dart';
import 'package:web/web.dart' as web;
import 'package:pointer_interceptor/pointer_interceptor.dart';

void main() {
  runApp(const App());
}

class App extends StatelessWidget {
  const App({super.key});

  @OverRide
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Stack(
          children: [
            Positioned.fill(
              child: HtmlElementView.fromTagName(
                tagName: 'iframe',
                onElementCreated: (element) {
                  (element as web.HTMLIFrameElement);
                  element.src = 'https://flutter.dev';
                  element.style
                    ..border = 'none'
                    ..height = '100%'
                    ..width = '100%';
                },
              ),
            ),
            Center(
              child: PointerInterceptor(
                debug: true,
                child: Container(
                  width: 400,
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(20),
                    color: Colors.grey.shade300,
                  ),
                  padding: const EdgeInsets.all(20),
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      OneLineTextField(),
                      OneLineTextField(),
                      OneLineTextField(),
                    ],
                  ),
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class OneLineTextField extends StatelessWidget {
  const OneLineTextField({super.key});

  @OverRide
  Widget build(BuildContext context) {
    return TextField(
      decoration: InputDecoration(
        labelText: 'One-line',
        floatingLabelBehavior: FloatingLabelBehavior.always,
      ),
    );
  }
}
```

</details>

## Pre-Review Checklist

[^1]: Regular contributors who have demonstrated familiarity with the repository guidelines only need to comment if the PR is not auto-exempted by repo tooling.