Skip to content

BackdropFilter doesn't constrain blurred area #16614

@matthew-carroll

Description

@matthew-carroll

Steps to Reproduce

Here is a build() method that results in a fullscreen blur when a blur area of 125.0 units wide was expected.

    @override
    Widget build(BuildContext context) {
    return new BackdropFilter(
      filter: new ImageFilter.blur(sigmaX: 3.0, sigmaY:3.0),
      child: new Container(
        width: 125.0,
        height: double.infinity,
        color: const Color(0xAA234060),
        child: new Padding(
          padding: const EdgeInsets.only(top: 16.0),
          child: new Column(
            children: [
              new Expanded(
                child: new Icon(
                  Icons.refresh,
                  color: Colors.white,
                  size: 40.0,
                ),
              )]
              ..addAll(_createDayButtons()),
          ),
        ),
      ),
    );
  }

Also, this behavior was working fine for me a week or so ago. I'm guessing that I upgraded Flutter since then and that's why it's now broken.

This issue occurs in both the iOS simulator and the Android emulator. I haven't tried on a physical device.

This is a possible dup of
#16144

Flutter Doctor

[✓] Flutter (Channel dev, v0.2.11, on Mac OS X 10.12.6 16G29, locale en-US)
    • Flutter version 0.2.11 at [redacted]/Libs/flutter
    • Framework revision f408bb06f9 (5 days ago), 2018-04-10 14:27:53 -0700
    • Engine revision 6474647f52
    • Dart version 2.0.0-dev.46.0.flutter-ef926f98f5

[✓] Android toolchain - develop for Android devices (Android SDK 27.0.1)
    • Android SDK at [redacted]/Library/Android/sdk
    • Android NDK location not configured (optional; useful for native profiling support)
    • Platform android-27, build-tools 27.0.1
    • Java binary at: /Applications/Android Studio.app/Contents/jre/jdk/Contents/Home/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_112-release-b06)
    • All Android licenses accepted.

[✓] iOS toolchain - develop for iOS devices (Xcode 9.2)
    • Xcode at /Applications/Xcode.app/Contents/Developer
    • Xcode 9.2, Build version 9C40b
    • ios-deploy 1.9.2
    • CocoaPods version 1.3.1

[✓] Android Studio
    • Android Studio at /Applications/Android Studio 3.0 Preview.app/Contents
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-915-b01)

[✓] Android Studio
    • Android Studio at /Applications/Android Studio 3.1 Preview.app/Contents
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
    • Java version OpenJDK Runtime Environment (build 1.8.0_152-release-1012-b01)

[✓] Android Studio (version 2.3)
    • Android Studio at /Applications/Android Studio.app/Contents
    ✗ Flutter plugin not installed; this adds Flutter specific functionality.
    ✗ Dart plugin not installed; this adds Dart specific functionality.
    • Java version OpenJDK Runtime Environment (build 1.8.0_112-release-b06)

[✓] IntelliJ IDEA Community Edition (version 2017.3.4)
    • IntelliJ at /Applications/IntelliJ IDEA CE.app
    • Flutter plugin version 22.2.2
    • Dart plugin version 173.4548.30

[✓] Connected devices (1 available)
    • Android SDK built for x86 • emulator-5554 • android-x86 • Android 7.0 (API 24) (emulator)

• No issues found!

Metadata

Metadata

Assignees

No one assigned

    Labels

    engineflutter/engine related. See also e: labels.frameworkflutter/packages/flutter repository. See also f: labels.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions