/* wc.ui.combo.scss */
@import 'mixins-common';

// This redundant rule is not as redundant as you might think so just leave it be!
datalist {
	display: none;
}

input[role='combobox'] { // not the combo wrapper of datefield.
	@include border-box;
	padding-right: $wc-icon-normal; // allow for icon

	&[aria-expanded = 'true'] ~ [role='listbox'] {
		display: block;
		// allow for up to approx seven visible options. The factor 1.25 is a rough line-height
		// Chrome & Safari on OS - X use 1.125 whereas FF appears to use 1.0625.
		max-height: (7 * 1.125 * (1 + (2 * $wc-gap-small)));
		max-width: 100%;
		overflow: auto;
	}
}
