[impeller]: antiAliasWithSaveLayer is not working as expected while running with impeller. #122486
Description
Steps to Reproduce
- Execute
flutter run --enable-impelleron the code sample. - Check the output on the iOS simulator or device.
- Comment out the marked line and hot-restart. The appearance will be as aspected.
Expected results:
Actual results:
- In the attached video.
Code sample
class MyHomePage extends StatefulWidget {
const MyHomePage({super.key, required this.title});
final String title;
@override
State<MyHomePage> createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: <Widget>[
Container(
alignment: Alignment.center,
child: const Card(
elevation: 4,
semanticContainer: true,
clipBehavior: Clip.antiAliasWithSaveLayer, // This line
shape: StadiumBorder(),
child: SizedBox.square(
dimension: 45,
child: Padding(
padding: EdgeInsets.all(8),
child: CircularProgressIndicator(
strokeWidth: 3,
valueColor: AlwaysStoppedAnimation<Color>(Colors.red),
),
),
),
),
)
],
),
),
);
}
}
Logs
Output of running flutter doctor -v
[✓] Flutter (Channel stable, 3.7.7, on macOS 13.0.1 22A400 darwin-arm64, locale en-IN)
• Flutter version 3.7.7 on channel stable at /Users/dhruvin/Developement/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision 2ad6cd72c0 (4 days ago), 2023-03-08 09:41:59 -0800
• Engine revision 1837b5be5f
• Dart version 2.19.4
• DevTools version 2.20.1
[✓] Android toolchain - develop for Android devices (Android SDK version 32.1.0-rc1)
• Android SDK at /Users/dhruvin/Library/Android/sdk
• Platform android-33, build-tools 32.1.0-rc1
• Java binary at: /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java
• Java version OpenJDK Runtime Environment (build 11.0.13+0-b1751.21-8125866)
• All Android licenses accepted.
[✓] Xcode - develop for iOS and macOS (Xcode 14.1)
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 14B47b
• CocoaPods version 1.11.3
[✓] Chrome - develop for the web
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 2021.3)
• Android Studio at /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 Runtime Environment (build 11.0.13+0-b1751.21-8125866)
[✓] IntelliJ IDEA Community Edition (version 2022.1.4)
• IntelliJ at /Applications/IntelliJ IDEA CE.app
• Flutter plugin version 70.2.4
• Dart plugin version 221.6008.17
[✓] VS Code (version 1.76.1)
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension version 3.60.0
[✓] Connected device (2 available)
• macOS (desktop) • macos • darwin-arm64 • macOS 13.0.1 22A400 darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 108.0.5359.124
[✓] HTTP Host Availability
• All required HTTP hosts are available
Behaviour difference between the Impeller and Skia.
| With impeller | Without |
|---|---|
impeller.mp4 |
skia.mp4 |
Metadata
Metadata
Assignees
Labels
UI glitches reported at the engine/skia or impeller rendering levelImpeller rendering backend issues and features requestsflutter/engine related. See also e: labels.Found to occur in 3.7Found to occur in 3.9The issue has been confirmed reproducible and is ready to work oniOS applications specificallyIssue is closed as already fixed in a newer version