[Bug] iOS only BackdropFilter with ImageFilter blur is not applied to TypeAheadField

[mag2007]

Steps to reproduce

1. Create an empty view with Typeahead Field in center.
2. Create a navigation Drawer, which would have Backdrop Filter to apply blur to entire screen.
3. Open drawer and see, the content is blurred out, but not the input field from typeahead.

Tested on iPhone 15 Pro with iOS 17.6 and latest flutter. Android works as expected.

Expected results

The TypeAhead Field should be blurred out as well as all other content.

Actual results

Content is blurred out but the input field is still visible without any blur.

Package Version

5.2.0

Platform

iOS

Code sample

Code sample

TypeAheadField(
                              itemBuilder: (BuildContext context, value) {
                                return Text("");
                              },
                              onSelected: (Object? value) {},
                              suggestionsCallback: (String search) {},
                            ),

GestureDetector(
            onTap: () => onClose(),
            child: BackdropFilter(
              filter: ImageFilter.blur(sigmaX: 16, sigmaY: 16),
              child: Container(
                color: const Color(0x00232220),
              ),
            ),
          ),

Logs

Logs

[Paste your logs here]

Screenshots or Video

Screenshots / Video demonstration

[Upload media here]

[nirmal-kc]

Hi,

I am facing similar issue. Any suggestions? Find below the screenshot.

Regards,
Nirmal