BackdropFilter does not blur platform views on the web #143747
Description
Steps to reproduce
Layer a BackdropFilter over a video_player on the web (CanvasKit Renderer)
Expected results
BackdropFilter blurs everything including the video_player's PlatfromView
Actual results
BackdropFilter blurs everything except for the video_player
Code sample
Code sample
Stack(
children: <Widget>[
// Video player
AspectRatio(
aspectRatio: _controller!.value.aspectRatio,
child: VideoPlayer(_controller!),
),
),
// Backdrop filter
Positioned.fill(
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 10, sigmaY: 10),
),
),
],
),Screenshots or Video
Screenshots / Video demonstration
Screen.Recording.2024-02-20.at.14.08.59.mp4
Logs
Logs
[Paste your logs here]Flutter Doctor output
Doctor output
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, 3.19.0, on macOS 14.0 23A344 darwin-arm64, locale
en-DE)
[✓] Android toolchain - develop for Android devices (Android SDK version 33.0.2)
[!] Xcode - develop for iOS and macOS (Xcode 15.2)
✗ Unable to get list of installed Simulator runtimes.
[✓] Chrome - develop for the web
[✓] Android Studio (version 2021.3)
[✓] Android Studio (version 2022.2)
[✓] VS Code (version 1.86.2)
[✓] Connected device (2 available)
[✓] Network resources
! Doctor found issues in 1 category.