JedWatson / react-select

The Select Component for React.js
https://react-select.com/
MIT License
27.63k stars 4.13k forks source link

multiselect styling issues #3208

Closed rohankk2 closed 5 years ago

rohankk2 commented 6 years ago

There seem to be styling issues in safari browser. I tried using react multiselect with safari and face the following styling issues:

  1. screen shot 2018-11-16 at 6 04 39 pm

The boxes are really fat and the | between the placeholder and the arrow is displaced.

On chrome it works neatly

screen shot 2018-11-16 at 6 05 59 pm

Second thing is when i use multiselect on one dropdown and it becomes fat there is a huge gap in the other multiselect dropdowns as seen below:

screen shot 2018-11-16 at 6 10 07 pm

ive marked the buggy areas in black.

gwyneplaine commented 5 years ago

@rohankk2 please supply us with a codesandbox replication of this issue, it'll make it a lot easier for us to triage :)

gwyneplaine commented 5 years ago

@rohankk2, closing this for now, please feel free to file another issue with a sandbox reproduction

rohankk2 commented 5 years ago

Hey I fixed this by changing some css. Thanks a lot!