[Impeller] In CustomPaint, there is a rendering issue when using MaskFilter with the upper TextField #160588
Description
Steps to reproduce
reproduce bug code
Expected results
Everything is normal in the Skia rendering engine.
Actual results
The background color that appears in the Impeller rendering engine
Code sample
Code sample
class LightEffectPainter extends CustomPainter {
final List<Color> colors;
LightEffectPainter({
this.colors = const [
Color.fromRGBO(45, 38, 97, 1),
Color.fromRGBO(82, 52, 145, 1),
],
});
@override
void paint(Canvas canvas, Size size) {
final Rect rect = Offset.zero & size;
final gradient = LinearGradient(
begin: const Alignment(0.0, -1.0),
end: const Alignment(0.0, 1.0),
colors: colors,
stops: const [0.0, 1.0],
transform: const GradientRotation(194.33 * pi / 180),
);
final paint = Paint()
..shader = gradient.createShader(rect)
..maskFilter = const MaskFilter.blur(
BlurStyle.normal,
380,
);
canvas.drawCircle(
Offset(size.width / 2, size.height / 2),
size.width / 2,
paint,
);
}
@override
bool shouldRepaint(covariant CustomPainter oldDelegate) => false;
}
class TestPage extends StatelessWidget {
const TestPage({super.key});
@override
Widget build(BuildContext context) {
return Material(
child: Scaffold(
backgroundColor: Colors.transparent,
appBar: AppBar(
title: const Text('Test Page'),
),
body: Stack(
children: [
Positioned(
child: CustomPaint(
size: const Size(300, 300),
painter: LightEffectPainter(),
),
),
const Positioned(
left: 0,
top: 100,
child: SizedBox(
width: 300,
child: TextField(
decoration: InputDecoration(
hintText: 'Test Input',
),
),
),
),
],
),
),
);
}
}Flutter Doctor output
Doctor output
[✓] Flutter (Channel stable, 3.24.4, on macOS 15.1.1 24B91 darwin-arm64, locale en-CN)
• Flutter version 3.24.4 on channel stable at /Users/jackjun/Documents/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 603104015d (8 weeks ago), 2024-10-24 08:01:25 -0700
• Engine revision db49896cf2
• Dart version 3.5.4
• DevTools version 2.37.3
[!] Android toolchain - develop for Android devices (Android SDK version 34.0.0)
• Android SDK at /Users/jackjun/Library/Android/sdk
✗ cmdline-tools component is missing
Run `path/to/sdkmanager --install "cmdline-tools;latest"`
See https://developer.android.com/studio/command-line for more details.
✗ Android license status unknown.
Run `flutter doctor --android-licenses` to accept the SDK licenses.
See https://flutter.dev/to/macos-android-setup for more details.
[✓] Xcode - develop for iOS and macOS (Xcode 16.0)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 16A242d
• CocoaPods version 1.15.2
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 2024.1)
• Android Studio at /Users/jackjun/Applications/Android Studio.app/Contents
• 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 version "17.0.11" 2024-04-16
[✓] IntelliJ IDEA Ultimate Edition (version 2024.2.1)
• IntelliJ at /Users/jackjun/Applications/IntelliJ IDEA Ultimate.app
• 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.96.0)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension can be installed from:
🔨 https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[✓] Connected device (5 available)
• Jun‘s iPhone (mobile) • 00008130-00051888346B803A • ios • iOS 18.1.1 22B91
• iPhone 15 Pro (mobile) • B9BB1FF3-0142-4087-8912-E1D4E3EA2319 • ios • com.apple.CoreSimulator.SimRuntime.iOS-17-5 (simulator)
• macOS (desktop) • macos • darwin-arm64 • macOS 15.1.1 24B91 darwin-arm64
• Mac Designed for iPad (desktop) • mac-designed-for-ipad • darwin • macOS 15.1.1 24B91 darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 131.0.6778.140
[✓] Network resources
• All expected network resources are available.
! Doctor found issues in 1 category.Metadata
Metadata
Assignees
Labels
Important issues not at the top of the work listEntering text in a text field or keyboard related problemsImpeller rendering backend issues and features requestsflutter/engine related. See also e: labels.Found to occur in 3.27Found to occur in 3.28The issue has been confirmed reproducible and is ready to work onIssue is closed as already fixed in a newer versionOwned by Engine teamTriaged by Engine team