Merge pull request #4658 from pangeachat/copilot/fix-hover-selection-behind-searchbar

Fix dropdown hover effects rendering behind searchbar in language filter
This commit is contained in:
ggurdin 2025-11-14 10:18:14 -05:00 committed by GitHub
commit 5caeb5082f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -87,18 +87,37 @@ class CoursePlanFilterState<T> extends State<CoursePlanFilter<T>> {
borderRadius: BorderRadius.circular(40),
),
),
dropdownStyleData: DropdownStyleData(
elevation: 8,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(14),
color: theme.colorScheme.surfaceContainerHigh,
),
),
menuItemStyleData: const MenuItemStyleData(
padding: EdgeInsets.zero,
),
dropdownSearchData: widget.enableSearch
? DropdownSearchData(
searchController: _searchController,
searchInnerWidgetHeight: 50,
searchInnerWidget: Padding(
padding:
const EdgeInsets.symmetric(horizontal: 14, vertical: 10),
child: TextField(
autofocus: true,
controller: _searchController,
decoration: const InputDecoration(
prefixIcon: Icon(Icons.search),
searchInnerWidget: Material(
elevation: 4,
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(14),
topRight: Radius.circular(14),
),
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: 14,
vertical: 10,
),
child: TextField(
autofocus: true,
controller: _searchController,
decoration: const InputDecoration(
prefixIcon: Icon(Icons.search),
),
),
),
),