segmentio / evergreen

🌲 Evergreen React UI Framework by Segment
https://evergreen.segment.com
MIT License
12.39k stars 832 forks source link

Combobox dropdown button doesn't match height of input in Safari #1370

Closed krysia1 closed 2 years ago

krysia1 commented 2 years ago

Problem

In Safari, dropdown button in combobox doesn't match the height of the input (see screenshot or open docs in Safari) Zrzut ekranu 2021-11-25 o 23 36 48

Note: It does match the height if you define it explicitly, like so

<Combobox
  openOnFocus
  width="100%"
  height={40}
  items={['Banana', 'Orange', 'Apple', 'Mango']}
  onChange={selected => console.log(selected)}
  placeholder="Fruit"
/>

Expected behavior

The height of the button is the same as the height of the input, just like it is in Chrome (see screenshot) Zrzut ekranu 2021-11-25 o 23 42 58

Browser

Safari Version 14.1.2 (14611.3.10.1.7) also tested on Safari Version 14.0.3 (15610.4.3.1.7)