DataGrid filter popup theme #2411
Description
Bug description
The filtering popup menu in the SfDataGrid does not correctly inherit the application's ThemeData.
When a custom theme is applied at the MaterialApp level, the filtering popup ignores it and instead renders with a default, lavender background color.
Steps to reproduce
1.Create a Flutter application with a MaterialApp.
2.Define a custom ThemeData with a non-default ColorScheme (e.g., ThemeData(colorScheme: ColorScheme.fromSeed(seedColor: Colors.green))).
3.Add an SfDataGrid to the widget tree with filtering enabled (allowFiltering: true).
4.Run the application and open the filtering popup for any column.
5.Observe that the popup's background color does not match the green theme of the application.
Code sample
Code sample
[Add your code here]Screenshots or Video
Here is the popup shown in a MaterialApp with a theme `ThemeData(colorScheme: ColorScheme.fromSeed(seedColor: Colors.green))`
Stack Traces
Stack Traces
[Add the Stack Traces here]On which target platforms have you observed this bug?
macOS, Web
Flutter Doctor output
Doctor output
[✓] Flutter (Channel stable, 3.32.8, on macOS 15.5 24F74 darwin-arm64, locale en-US) [694ms]
• Flutter version 3.32.8 on channel stable at /Users/derfurth/workspace/flutter
• Upstream repository https://github.com/flutter/flutter.git
• Framework revision edada7c56e (11 days ago), 2025-07-25 14:08:03 +0000
• Engine revision ef0cd00091
• Dart version 3.8.1
• DevTools version 2.45.1
[!] Android toolchain - develop for Android devices (Android SDK version 35.0.0) [2.1s]
• Android SDK at /Users/derfurth/Library/Android/sdk
• Platform android-35, build-tools 35.0.0
• ANDROID_HOME = /Users/derfurth/Library/Android/sdk
• ANDROID_SDK_ROOT = /Users/derfurth/Library/Android/sdk
• Java binary at: /opt/homebrew/opt/openjdk@17/bin/java
This JDK is specified in your Flutter configuration.
To change the current JDK, run: flutter config --jdk-dir="path/to/jdk".
• Java version OpenJDK Runtime Environment Homebrew (build 17.0.14+0)
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
[✓] Xcode - develop for iOS and macOS (Xcode 16.4) [1,129ms]
• Xcode at /Applications/Xcode.app/Contents/Developer
• Build 16F6
• CocoaPods version 1.16.2
[✓] Chrome - develop for the web [162ms]
• Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
[✓] Android Studio (version 2024.3) [161ms]
• Android Studio at /Users/derfurth/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 21.0.5+-13047016-b750.29)
[✓] IntelliJ IDEA Ultimate Edition (version 2025.2) [159ms]
• IntelliJ at /Users/derfurth/Applications/IntelliJ IDEA Ultimate.app
• Flutter plugin version 86.0.2
• Dart plugin version 252.24322.5
[✓] IntelliJ IDEA Ultimate Edition (version 2024.3.6) [74ms]
• IntelliJ at /Users/derfurth/Applications/IntelliJ IDEA Ultimate 2024.3.6.app
• Flutter plugin version 86.0.1
• Dart plugin version 243.27824.5
[✓] VS Code (version 1.91.1) [11ms]
• VS Code at /Applications/Visual Studio Code.app/Contents
• Flutter extension can be installed from:
🔨 https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[✓] Connected device (2 available) [6.2s]
• macOS (desktop) • macos • darwin-arm64 • macOS 15.5 24F74 darwin-arm64
• Chrome (web) • chrome • web-javascript • Google Chrome 138.0.7204.184
[✓] Network resources [289ms]
• All expected network resources are available.
! Doctor found issues in 1 category.