From 26f2f5a1687e6e97f86da751dcabae1348ed0c40 Mon Sep 17 00:00:00 2001
From: Dominic Barnes <dbarnes@treetopllc.com>
Date: Mon, 20 Jan 2014 14:15:17 -0600
Subject: [PATCH 1/2] adjusting type attribute to work in IE8

---
 test/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/test/index.html b/test/index.html
index 17ec967..6f8a038 100644
--- a/test/index.html
+++ b/test/index.html
@@ -4,7 +4,7 @@
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   </head>
   <body>
-    <link href="../build/build.css" type="style/css" rel="stylesheet" />
+    <link href="../build/build.css" type="text/css" rel="stylesheet" />
     <script src="../build/build.js" type="text/javascript"></script>
     <style>
       body {

From 2518301d8521e0a4d947f3cdf8e2d9d140f20693 Mon Sep 17 00:00:00 2001
From: Dominic Barnes <dbarnes@treetopllc.com>
Date: Mon, 20 Jan 2014 14:16:18 -0600
Subject: [PATCH 2/2] Adding IE8 compatibility with a few extra dependencies:

 * component/bind for Function#bind
 * component/trim for String#trim
 * stephenmathieson/normalize to normalize the keydown event (to get which/target/preventDefault correct)
---
 component.json |  5 ++++-
 index.js       | 20 +++++++++++++-------
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/component.json b/component.json
index df2e437..25a3a2e 100644
--- a/component.json
+++ b/component.json
@@ -5,11 +5,14 @@
   "version": "1.3.1",
   "keywords": ["tags", "tag", "input", "ui", "pillbox"],
   "dependencies": {
+    "component/bind": "*",
+    "component/trim": "*",
     "component/events": "*",
     "component/keyname": "*",
     "component/emitter": "*",
     "component/each": "*",
-    "component/set": "*"
+    "component/set": "*",
+    "stephenmathieson/normalize": "*"
   },
   "development": {},
   "scripts": [
diff --git a/index.js b/index.js
index 2f982d5..dc59e50 100644
--- a/index.js
+++ b/index.js
@@ -6,7 +6,10 @@ var Emitter = require('emitter')
   , keyname = require('keyname')
   , events = require('events')
   , each = require('each')
-  , Set = require('set');
+  , Set = require('set')
+  , bind = require('bind')
+  , trim = require('trim')
+  , normalize = require('normalize');
 
 /**
  * Expose `Pillbox`.
@@ -30,7 +33,11 @@ function Pillbox(input, options) {
   this.tags = new Set;
   this.el = document.createElement('div');
   this.el.className = 'pillbox';
-  this.el.style = input.style;
+  try {
+    this.el.style = input.style;
+  } catch (e) {
+    // IE8 just can't handle this
+  }
   input.parentNode.insertBefore(this.el, input);
   input.parentNode.removeChild(input);
   this.el.appendChild(input);
@@ -75,7 +82,7 @@ Pillbox.prototype.unbind = function(){
  * @api private
  */
 
-Pillbox.prototype.onkeydown = function(e){
+Pillbox.prototype.onkeydown = normalize(function(e){
   switch (keyname(e.which)) {
     case 'enter':
       e.preventDefault();
@@ -94,7 +101,7 @@ Pillbox.prototype.onkeydown = function(e){
       }
       break;
   }
-};
+});
 
 /**
  * Handle click.
@@ -149,7 +156,7 @@ Pillbox.prototype.last = function(){
 
 Pillbox.prototype.add = function(tag) {
   var self = this
-  tag = tag.trim();
+  tag = trim(tag);
 
   // blank
   if ('' == tag) return;
@@ -176,7 +183,7 @@ Pillbox.prototype.add = function(tag) {
   var del = document.createElement('a');
   del.appendChild(document.createTextNode('✕'));
   del.href = '#';
-  del.onclick = this.remove.bind(this, tag);
+  del.onclick = bind(this, this.remove, tag);
   span.appendChild(del);
 
   this.el.insertBefore(span, this.input);
@@ -208,4 +215,3 @@ Pillbox.prototype.remove = function(tag) {
 
   return this;
 }
-
