Multiselect Dropdown in horizontal List moves

[Reygok]

trafficstars

Bug Report

Steps

Create a horizontal List, add two Dropdowns, add prop 'multiple' to one of the two, and add some options to both. Select one option in both of them.

Expected Result

Both Dropdowns should stay in place

Actual Result

The moment you select an element from the multi-select Dropdown, it moves down about one millimeter. That's what happens in the code sandbox. In my app, it is moved down from the start, even without anything being selected.

Version

0.87.3

[welcome[bot]]

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

[layershifter]

Please provide a minimal repro on CodeSandbox.

[Reygok]

There you go :)

https://codesandbox.io/embed/semantic-ui-react-example-xghj2

[qooban]

In the provided code sandbox we can also observe another problem - misalignment in the right border when dropdown is in open state:

@layershifter I don't know if that problems needs (or already have) separate issue? Please let me know if new issue is needed (I can create one).

[khanstan]

Do you know if this has been addressed already? It can appear on both sides of the dropdown in both ways. For example these are from the official website. The issue appears and disappears on page zoom (from 50% to 150% zoom) on latest Firefox.