Multi-line label select

application.controller.js

import Ember from 'ember';

export default Ember.Controller.extend({
  appName: 'Ember Twiddle',
  options: Ember.A([
    'Multi-line option one',
    'Multi-line option two',
    'Multi-line option three',
  ])
});

application.template.hbs

{{label-select options=options}}

label-select.component.js

import Ember from 'ember';

export default Ember.Component.extend({
  classNames: ['label-select'],
  tagName: 'label',
  value: Ember.computed('options', function() {
  	return this.get('options').objectAt(0);
  })
});

label-select.template.hbs

{{value}}
<select value={{value}} onchange={{action (mut value) value='target.value'}}>
  {{#each options as |option|}}
  	<option value={{option}}>{{option}}</option>
  {{/each}}
</select>

styles.app.css

body {
  margin: 12px 16px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12pt;
}
.label-select {
  position: relative;
  display: inline-block;
  padding-right: 10px;
  width: 100px;
}
.label-select:hover {
	color: #777;
}
.label-select select {
	position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  background: transparent;
  border: 0 none;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-size: 0;
}
.label-select select option {
	font-size: 12px;
}
.label-select::after {
  display: inline-block;
  content: '';
  font-size: 0;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 7px solid black;
  margin-bottom: 1px;
  margin-left: 3px;
}

twiddle.json

{
  "version": "0.6.1",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.3.1/ember.debug.js",
    "ember-data": "https://cdnjs.cloudflare.com/ajax/libs/ember-data.js/2.3.3/ember-data.js",
    "ember-template-compiler": "https://cdnjs.cloudflare.com/ajax/libs/ember.js/2.2.0/ember-template-compiler.js"
  }
}