Dropdown elements have different font sizes for no reason

Hi,

Please check this -> http://quemfazsite.com.br/temp/criar-site-erro.php

I have 2 dropdowns, one using a more “stylish” approach and another using the plain and simple <select> element. You can see that the element on the right (that uses the select) has a different font-size and a different line-height. Is there any way to overcome this?

I know I could use the element on the left and replicate it many times as I want instead of using the element in the right! BUT I have a problem: my company is developing an enterprise level system administration and in one single page it has 70 selects! Yeap! Using the approach in the left makes the final outputed HTML really big (at least 3x!), so I really would like to use the select approach. Of course, you could tell me to use only the select approach BUT in some cases I really need a searcheable dropdown (exactly the one in the left).

As far as I know I am using the ui action input parent (as you already taught me before) and I am using the same size big in both elements.

[awgv]

@batata004 Yes. .ui.action.input is just a convenient container that not only sets the sizes, but also fixes borders and margins to allow the components to exist as a single thing. Without it, you’d have to write a custom replacement, which you can do as well.

The button issue is actually a problem, good catch. I won’t be labeling and reopening the issue—I was planning to work on SUI tomorrow anyway, so I’ll just bookmark the thread and open a PR then; the fix should be pretty straightforward.

[lubber-de]

Fixed since Fomantic-UI 2.5. Actually SUI misses font sizes for dropdown, that is the main cause of this issue See https://jsfiddle.net/bdv5q3r9/