[Form][Dropdown] <select> and initialized .ui.dropdown elements have incorrect heights when used inside a form with a specific size, e.g. .tiny

[zerolfc]

The select / dropdown height is not the same as the other input on ui small form

https://jsfiddle.net/zerolfc/oed27geb/

<form class="ui form tiny" role="form">
<div class="two fields">

                    <div class="field">
                        <label>Gender</label>
                        <select class="ui dropdown">
                            <option value="0">Female</option>
                            <option value="1">Male</option>
                        </select>
                    </div>

                    <div class="field">
                        <label>Telephone</label>
                        <input type="text">
                    </div>

                </div>
</form>

[awgv]

It seems to be inconsistent with other sizes as well; if you initialize a dropdown that’s inside a .tiny form, it’s height will match other inputs, but:

• I don’t think dropdowns should be initialized to inherit a form’s size variation.
• It won’t work with other sizes, for example, if you initialize a dropdown that’s inside of a .big form, its height will still be incorrect.

[stale]

There has been no activity in this thread for 90 days. While we care about every issue and we’d love to see this fixed, the core team’s time is limited so we have to focus our attention on the issues that are most pressing. Therefore, we will likely not be able to get to this one.

However, PRs for this issue will of course be accepted and welcome!

If there is no more activity in the next 90 days, this issue will be closed automatically for housekeeping. To prevent this, simply leave a reply here. Thanks!