<select
	:id="id"
	:name="group.name"
	class="form-control"
	:value="controlVal"
	@change="onChange( $event.target.value )"
	v-validate="{ rules: validationRules }"
	:data-vv-validate-on="validateOn"
	:data-vv-delay="validateDelay"
	>
	<slot />
</select>

<!--
	The click.stop is because selects in modals end up closing the modal when
	selecting an option. The click event triggers as being outside the modal.
	There doesn't seem to be a harm in just not propagating the event always
	since nothing ever needs to hook into it so far.
-->
<select
	:id="id"
	:name="group.name"
	class="form-control"
	:value="controlVal"
	@click.stop
	@change="onChange( $event.target.value )"
	v-validate="{ rules: validationRules }"
	:data-vv-validate-on="validateOn"
	:data-vv-delay="validateDelay"
	>
	<slot />
</select>

Select controls are closing modals when you choose an option.
Select controls are closing modals when you choose an option.

It's because the click event triggers and the modal thinks you've moved your cursor outside the modal.
