select input in form group

[azazel75]

Hello,

I've tried to use a select input in a form-group (small). From what I see in the core/form.scss there's no explicit support for it. Nonetheless I've tried to style it, but I always takes a "full" height. I don't know what I'm missing.... Could you share some enlightenment?

Attached to this you can find screenshot on my problem, specifically the element in the middle after the table, where I use the select to choose the number of elements per page.

Thanks for Cirrus

[azazel75]

I got it better mostly by applying a different flex on the label:

.form-group > label.form-group-label {
    flex: 0 0 auto;
    overflow: hidden;
}

.form-group > select.form-group-input {
    flex: 1 0 content;
	padding: .25rem 1rem;
	font-size: 70%;
}

[Spiderpig86]

Hi!

Thanks for supporting the project and sorry for the late response. I am able to reproduce the issue with a simple snippet.

<div class="form-group">
	<label class="form-group-label label-xsmall">github.com/</label>
	<select type="text" class="form-group-input input-xsmall" placeholder="Extra Small"></select>
	<button class="form-group-btn btn-primary btn-xsmall">Go</button>
</div>

I believe you have found a bug that needs to be fixed. I'll get this on the roadmap for 0.6.2. Given that I have been a bit busier than usual, it may take some time.