Background color for search dropdown submit button

Beta
#1

This was a weird one…

Repro if you’re a regular user:

  1. Add a search dropdown
  2. Go to the the breadcrumbs, Search > Submit
  3. In the submit background color selector, play with different color values for the base/interaction colors like you’re experimenting with different styling.
  4. Eventually, end up setting both to transparent – either by clicking the “link” button, or by setting them one at a time and leaving them “unlinked”.

Observed: The search button will inherit a grey BG color.

image

This can be super finicky to reproduce using the standard builder controls. So, the quickest way to repro this is to just add a search dropdown, then use the dev console to set both search_submit_bg_colors to transparent. I’m guessing this came from the changes you made to the color picker for Beta 4…

image

#2

Howdy, @devinelston!

Thanks for writing in, this is all patched up. I have been doing some cleanup with how generated styles are output in the builders, of which some of this is juggling colors. In the past, the base color was always output, even if it was transparent. This isn’t needed on most elements as transparent is the default for many things, so I’ve been removing that, but the browser often has a default background color for things like buttons, so since that generated style wasn’t there anymore, when both states were “transparent,” what you were really seeing was the browser default. I’ve added a reset to the static stylesheet to make sure this works the way you would expect in this situation.

Thanks!

2 Likes