<Dropdown />'s Border Bottom Hidden

[chris-packett]

Firstly, thank you for creating an awesome UI component library; it's saved us a ton of time.

We are using the component in our application and we are experiencing something a bit odd with the styling.

When I zoom out to 80% in Chrome, the component's bottom border is hidden. See "Customer Name" in the screenshot below:

Note: The "Terms" field is also using the component--but is not having any bottom border rendering issues.

The "Terms" dropdown starts having bottom border rendering issues at 75%:

However, when I zoom out to only 90%, the component's bottom border is visible again:

This seems to be happening in the storybook, as well (at 75% zoom):

I dug through the styles a bit but had no luck finding the issue.

Note: This does not seem to be happening on React Select's component at any zoom (I tried 100%, 90%, 80%, 75%, 66%, all the way down).

[orrgottlieb]

Hi @chris-packett
Thank you so much for the issue - I see that the height calculation is a bit smaller -

did you try it on other Chrome versions or other browsers?

[chris-packett]

Hi @chris-packett Thank you so much for the issue - I see that the height calculation is a bit smaller -

did you try it on other Chrome versions or other browsers?

@orrgottlieb Yes, this is also happening on Safari & Firefox.

[mSaurabh]

@talkor Does this issue still need to be fixed?