input[type=search] doesn't have consistent styling in Safari

[dlee]

Expectations

Reality

Steps to Reproduce

Being used via Garden TextInput: https://github.com/zendesk/zendesk_console/blob/production/lotus_react/src/Admin/TicketFields/Landing/index.js#L79-L86

Fine Print

• Component: <TextInput>
• Browsers: Safari

[dlee]

Slight discrepancies seen in height even from the Garden components website.

[austingreendev]

@dlee this is definitely something that we should fix just for consistency, but after reading through https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input the [type="search"] attribute doesn't provide any additional accessibility (like number, date, etc.) and only provides the icon.

I would suggest just letting the type default to "text".

The second screenshot you originally posted of the super-small input. How did you get that to occur?