Repository: flutter
Issue: [Web][Canvaskit][Safari browser]: When typing Japanese characters, underlines are misaligned and are displayed over the characters looking like strikethrough.
Labels: engine,a: internationalization,platform-web,e: web_canvaskit,has reproducible steps,browser: safari-macos,assigned for triage,P2,found in release: 2.10,found in release: 2.13,team-web,triaged-web

## Steps to Reproduce

1. flutter run -d chrome
2. Enter Japanese text across multiple lines ( see video )

**Expected results:**
Underlines always appear below the text.

**Actual results:**
Lines appear over text

https://user-images.githubusercontent.com/7422251/161366217-4eac94dd-9011-45d8-8e8a-6482ceabc64a.mov

<details>
<summary>Code sample</summary>

```
import 'package:flutter/material.dart';

class SamplePage extends StatefulWidget {

  SamplePage(): super();

  @override
  SamplePageState createState() => SamplePageState();
}

class SamplePageState extends State<SamplePage> with WidgetsBindingObserver {

  @override
  void initState() {
    super.initState();
  }

  @override
  void dispose() {
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Container(
            margin: EdgeInsets.only(top:10, left:10),
            color: Colors.blue.withAlpha(20),
            width: 500,
            height: 300,
            child: TextFormField( 
              maxLines: null,
            )
          ),
    );
  }
}

```

</details>

<details>
  <summary>Logs</summary>

```
flutter doctor -v
[√] Flutter (Channel stable, 2.10.4, on Microsoft Windows [Version 10.0.22000.593], locale ja-JP)
    • Flutter version 2.10.4 at C:\Users\81708\Desktop\develop\flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision c860cba910 (8 days ago), 2022-03-25 00:23:12 -0500
    • Engine revision 57d3bac3dd
    • Dart version 2.16.2
    • DevTools version 2.9.2

[√] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
    • Android SDK at C:\Users\81708\AppData\Local\Android\sdk
    • Platform android-31, build-tools 31.0.0
    • Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7249189)
    • All Android licenses accepted.

[√] Chrome - develop for the web
    • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe

[√] Visual Studio - develop for Windows (Visual Studio Community 2022 17.1.1)
    • Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Community
    • Visual Studio Community 2022 version 17.1.32228.430
    • Windows 10 SDK version 10.0.19041.0

[√] Android Studio (version 2020.3)
    • Android Studio at C:\Program Files\Android\Android Studio
    • Flutter plugin can be installed from:
       https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
       https://plugins.jetbrains.com/plugin/6351-dart
    • Java version OpenJDK Runtime Environment (build 11.0.10+0-b96-7249189)

[√] VS Code (version 1.66.0)
    • VS Code at C:\Users\81708\AppData\Local\Programs\Microsoft VS Code
    • Flutter extension version 3.36.0

[√] Connected device (4 available)
    • sdk gphone x86 (mobile) • emulator-5554 • android-x86    • Android 11 (API 30) (emulator)
    • Windows (desktop)       • windows       • windows-x64    • Microsoft Windows [Version 10.0.22000.593]
    • Chrome (web)            • chrome        • web-javascript • Google Chrome 99.0.4844.84
    • Edge (web)              • edge          • web-javascript • Microsoft Edge 99.0.1150.55

[√] HTTP Host Availability
    • All required HTTP hosts are availab
```

</details>