Fix ink features painting in TabBar. (flutter#177155)

Fixes flutter#141269

## Description

- Fixes ink features painting outside of the `TabBar` bounds

| BEFORE | AFTER |
| - | - |
| <video alt="before"
src="https://github.com/user-attachments/assets/954ce655-b400-47f7-a641-5effe431cfa4"
/> | <video alt="after"
src="https://github.com/user-attachments/assets/283a64e9-4851-4f9a-98ad-a89d8fd4edb1"
/> |

## Pre-launch Checklist

- [X] I read the [Contributor Guide] and followed the process outlined
there for submitting PRs.
- [X] I read the [Tree Hygiene] wiki page, which explains my
responsibilities.
- [X] I read and followed the [Flutter Style Guide], including [Features
we expect every widget to implement].
- [X] I signed the [CLA].
- [X] I listed at least one issue that this PR fixes in the description
above.
- [ ] I updated/added relevant documentation (doc comments with `///`).
- [X] I added new tests to check the change I am making, or this PR is
[test-exempt].
- [X] I followed the [breaking change policy] and added [Data Driven
Fixes] where supported.
- [X] All existing and new tests are passing.

If you need help, consider asking for advice on the #hackers-new channel
on [Discord].

<!-- Links -->
[Contributor Guide]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#overview
[Tree Hygiene]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md
[test-exempt]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#tests
[Flutter Style Guide]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md
[Features we expect every widget to implement]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Style-guide-for-Flutter-repo.md#features-we-expect-every-widget-to-implement
[CLA]: https://cla.developers.google.com/
[flutter/tests]: https://github.com/flutter/tests
[breaking change policy]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Tree-hygiene.md#handling-breaking-changes
[Discord]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Chat.md
[Data Driven Fixes]:
https://github.com/flutter/flutter/blob/main/docs/contributing/Data-driven-Fixes.md

Author: ksokolovskyi

examples/api/test/material/app_bar/app_bar.3_test.dart

@@ -11,7 +11,7 @@ void main() {
     WidgetTester tester,
   ) async {
     Material getMaterial() => tester.widget<Material>(
-      find.descendant(of: find.byType(AppBar), matching: find.byType(Material)),
+      find.descendant(of: find.byType(AppBar), matching: find.byType(Material)).first,
     );
 
     await tester.pumpWidget(const example.AppBarApp());

packages/flutter/lib/src/material/tabs.dart

@@ -1612,7 +1612,6 @@ class _TabBarState extends State<TabBar> {
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
-    assert(debugCheckHasMaterial(context));
     _updateTabController();
     _initIndicatorPainter();
   }
@@ -2055,11 +2054,14 @@ class _TabBarState extends State<TabBar> {
       tabBar = Padding(padding: widget.padding!, child: tabBar);
     }
 
-    return MediaQuery(
-      data: MediaQuery.of(
-        context,
-      ).copyWith(textScaler: widget.textScaler ?? tabBarTheme.textScaler),
-      child: tabBar,
+    return Material(
+      type: MaterialType.transparency,
+      child: MediaQuery(
+        data: MediaQuery.of(
+          context,
+        ).copyWith(textScaler: widget.textScaler ?? tabBarTheme.textScaler),
+        child: tabBar,
+      ),
     );
   }
 }

packages/flutter/test/material/tabs_test.dart

@@ -157,7 +157,7 @@ void main() {
       phase: EnginePhase.build,
     );
 
-    expect(tester.renderObject(find.byType(CustomPaint)).debugNeedsPaint, true);
+    expect(tester.renderObject(find.byType(CustomPaint).last).debugNeedsPaint, true);
   });
 
   testWidgets('tab semantics role test', (WidgetTester tester) async {
@@ -9278,4 +9278,48 @@ void main() {
       (focus: false, index: 2), // Third tab loses focus
     ]);
   });
+
+  // Regression test for https://github.com/flutter/flutter/issues/141269.
+  testWidgets('Ink features are painted on inner Material', (WidgetTester tester) async {
+    await tester.pumpWidget(
+      MaterialApp(
+        home: Material(
+          child: Center(
+            child: DefaultTabController(
+              length: 10,
+              child: TabBar(
+                isScrollable: true,
+                tabs: <Widget>[for (int i = 1; i <= 10; i++) Tab(text: 'Tab $i')],
+              ),
+            ),
+          ),
+        ),
+      ),
+    );
+
+    expect(find.byType(Material), findsNWidgets(2));
+
+    // Material outside the TabBar.
+    final MaterialInkController outerMaterial = Material.of(tester.element(find.byType(TabBar)));
+    // Material directly wrapping the TabBar.
+    final MaterialInkController innerMaterial = Material.of(
+      tester.firstElement(
+        find.descendant(of: find.byType(TabBar), matching: find.byType(Semantics)),
+      ),
+    );
+
+    expect(outerMaterial, isNot(same(innerMaterial)));
+    expect((outerMaterial as dynamic).debugInkFeatures, isNull);
+    expect((innerMaterial as dynamic).debugInkFeatures, isNull);
+
+    // Hover over the first tab to trigger the ink highlight.
+    final TestGesture gesture = await tester.createGesture(kind: PointerDeviceKind.mouse);
+    await gesture.addPointer(location: tester.getCenter(find.text('Tab 1')));
+    addTearDown(gesture.removePointer);
+    await tester.pump();
+
+    // Only the inner Material should have ink features.
+    expect((outerMaterial as dynamic).debugInkFeatures, isNull);
+    expect((innerMaterial as dynamic).debugInkFeatures, hasLength(1));
+  });
 }