Add elevation to search bar to fix hover shadow appearing behind it

Co-authored-by: ggurdin <46800240+ggurdin@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot] 2025-11-14 15:13:40 +00:00
parent 9033c161a9
commit db37cb2db6

View file

@ -94,18 +94,30 @@ class CoursePlanFilterState<T> extends State<CoursePlanFilter<T>> {
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),
),
),
),
),