AbdulRahmanAlHamali / flutter_typeahead

A TypeAhead widget for Flutter, where you can show suggestions to users as they type
BSD 2-Clause "Simplified" License
831 stars 349 forks source link

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

Open mag2007 opened 3 months ago

mag2007 commented 3 months ago

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 ```dart 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 ```console [Paste your logs here] ```

Screenshots or Video

Screenshots / Video demonstration [Upload media here]
nirmal-kc commented 6 days ago

Hi,

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

image

Regards, Nirmal