Repository: flutter
Issue: ColorFiltered widget color applied to area outside the child constraints
Labels: framework,engine,platform-web,platform-linux,has reproducible steps,P2,team-web,triaged-web,found in release: 3.19,found in release: 3.21

ColorFiltered widget has wrong Size (applied to wrong area):
Flutter inspector says in has right size but it's effect is applied to wrong area.

Repository with code is here: https://github.com/Alexqwesa/bug_web_color_filter 

Issue is present on different platforms with slight differences(see video)

## Steps to reproduce
1. Create list of widgets (each of them inside their own ColorFiltered widget)
2. Put this list inside of Wrap(or Row or Column)  

**Expected results:** ColorFiltered should only effect child widget (not the widgets around)

**Actual results:** area effected by ColorFiltered is outside of the area of it child

<details>
<summary>Code sample</summary>

Repository with code is here: https://github.com/Alexqwesa/bug_web_color_filter 

```dart
class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key, required this.title}) : super(key: key);
  final String title;

  @override
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Wrap(
      children: [
        for (int i = 0; i < 10; i++)
          Card(
            child: SizedBox(
              width: 100,
              height: 100,
              child: TestEnabledNumber(i: i),
            ),
          )
      ],
    ));
  }
}

class TestEnabledNumber extends StatefulWidget {
  final int i;

  const TestEnabledNumber({required this.i, Key? key}) : super(key: key);

  @override
  _TestEnabledNumberState createState() => _TestEnabledNumberState();
}

class _TestEnabledNumberState extends State<TestEnabledNumber> {
  bool enabled = true;

  void switchEnabled() {
    setState(() {
      enabled = !enabled;
    });
  }

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: switchEnabled,
      child: ColorFiltered(
        colorFilter: ColorFilter.mode(
          enabled ? Colors.white.withOpacity(0) : Colors.grey,
          BlendMode
              .multiply, // the same effect is present with some other options
        ),
        child: Text(widget.i.toString(), textScaleFactor: 5),
      ),
    );
  }
}
```

</details>

<details>
  <summary>Logs</summary>



```
 flutter analyze
Analyzing bug_web_color_filter...                                       
No issues found! (ran in 1.6s)

```

```
flutter doctor -v
[✓] Flutter (Channel stable, 2.10.1, on openSUSE Leap 15.3 5.3.18-150300.59.49-default, locale ru_RU.UTF-8)
    • Flutter version 2.10.1 at /data/userdownloads/alex/Android/flutter
    • Upstream repository https://github.com/flutter/flutter.git
    • Framework revision db747aa133 (10 дней назад), 2022-02-09 13:57:35 -0600
    • Engine revision ab46186b24
    • Dart version 2.16.1
    • DevTools version 2.9.2

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.2)
    • Android SDK at /home/alex/Android/Sdk
    • Platform android-31, build-tools 30.0.2
    • Java binary at: /data/userdownloads/alex/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-1/211.7628.21.2111.8139111/jre/bin/java
    • Java version OpenJDK Runtime Environment (build 11.0.11+0-b60-7590822)
    • All Android licenses accepted.

[✓] Chrome - develop for the web
    • Chrome at google-chrome

[✓] Linux toolchain - develop for Linux desktop
    • clang version 11.0.1
    • cmake version 3.17.0
    • ninja version 1.10.0
    • pkg-config version 0.29.2

[✓] Android Studio (version 2021.1)
    • Android Studio at /data/userdownloads/alex/.local/share/JetBrains/Toolbox/apps/AndroidStudio/ch-1/211.7628.21.2111.8139111
    • Flutter plugin version 64.1.2
    • Dart plugin version 211.7798
    • Java version OpenJDK Runtime Environment (build 11.0.11+0-b60-7590822)

[✓] IntelliJ IDEA Community Edition (version 2021.2)
    • IntelliJ at /data/userdownloads/alex/.local/share/JetBrains/Toolbox/apps/IDEA-C/ch-0/212.5457.46
    • 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

[✓] VS Code (version 1.62.0)
    • VS Code at /usr/share/code
    • Flutter extension version 3.29.0

[✓] Connected device (3 available)
    • Android SDK built for x86 (mobile) • emulator-5554 • android-x86    • Android 10 (API 29) (emulator)
    • Linux (desktop)                    • linux         • linux-x64      • openSUSE Leap 15.3 5.3.18-150300.59.49-default
    • Chrome (web)                       • chrome        • web-javascript • Google Chrome 98.0.4758.102

[✓] HTTP Host Availability
    • All required HTTP hosts are available

• No issues found!

```

</details>

## How it look:
https://user-images.githubusercontent.com/48125025/154816111-bdfa67c2-7b18-424d-a262-7159458f4f04.mp4