From b693a3791968bc7dd91809711e4ffb0b2e3f3b83 Mon Sep 17 00:00:00 2001
From: "James A. Rosen" <james@fastly.com>
Date: Sat, 27 Jun 2015 22:17:36 -0700
Subject: [PATCH] x-select manually set form attribute

Glimmer currently doesn't support binding the `form` attribute because
of how it detects settable attributes vs properties.

See https://github.com/emberjs/ember.js/issues/11221
---
 addon/components/x-select.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/addon/components/x-select.js b/addon/components/x-select.js
index dd8e36a..a6dfcc9 100644
--- a/addon/components/x-select.js
+++ b/addon/components/x-select.js
@@ -24,7 +24,7 @@ var isArray = Ember.isArray;
 export default Ember.Component.extend({
   tagName: "select",
   classNameBindings: [":x-select"],
-  attributeBindings: ['disabled', 'tabindex', 'multiple', 'name', 'autofocus', 'form', 'required', 'size'],
+  attributeBindings: ['disabled', 'tabindex', 'multiple', 'name', 'autofocus', 'required', 'size'],
 
   /**
    * Bound to the `disabled` attribute on the native <select> tag.
@@ -129,6 +129,10 @@ export default Ember.Component.extend({
     return Ember.A();
   }),
 
+  _setFormAttribute: Ember.on('didRender', function() {
+    this.$().attr('form', this.get('form'));
+  }),
+
   /**
    * When the select DOM event fires on the element, trigger the
    * component's action with the current value.