multiselect-dropdown icon indicating copy to clipboard operation
multiselect-dropdown copied to clipboard

unable to set border color using searchFieldDecoration.

Open colinbes opened this issue 5 months ago • 6 comments

Without overriding MultiDropdown's searchDecoration field it doesn't appear that border color is being correctly set. Defaults for SearchFieldDecoration has border being set to color Color(0xFFE0E0E0)) and focusedBorder set to grey. The non focus color is way too dark to be 0xFFE0E0 and looks closer to black.

As test I set border (as shown below) and it is definitely not RED.

Taking this a little further setting width as no impact on un-focus border but setting radius does work.

Appears that borderSide is being ignored (when I override or just using defaults - i.e. not specifying anything for searchDecoration.

searchDecoration: const SearchFieldDecoration(
        border: OutlineInputBorder(
          borderSide: BorderSide(width: 5, color: Color(0xFFFF0000)),
          borderRadius: BorderRadius.all(Radius.circular(0)), // this works and I can set to any radius as expected
        ),
        focusedBorder: OutlineInputBorder(
            borderSide: BorderSide(color: Color(0xFF00FF00)), // this works for when focused
            borderRadius: const BorderRadius.all(Radius.circular(24))), // this works for when focused
      ),

For giggles I also tried using UnderlineInputBorder as in

  searchDecoration: const SearchFieldDecoration(
        border: UnderlineInputBorder(
          borderSide: BorderSide(width: 5, color: Color(0xFFFF0000)),
          borderRadius: BorderRadius.all(Radius.circular(0)),
        ),
        focusedBorder: UnderlineInputBorder(
            borderSide: BorderSide(color: Color(0xFF00FF00)), borderRadius: BorderRadius.all(Radius.circular(24))), // this works for when focused
      ),

colinbes avatar Sep 12 '24 20:09 colinbes