From aa54be07d5b4132d474f395ffba3e4966ba9a8ff Mon Sep 17 00:00:00 2001
From: Thomas Cybulski <tcybulsk@de.hellmann.net>
Date: Tue, 10 Oct 2017 10:59:57 +0200
Subject: [PATCH 1/2] added host css properties

---
 paper-chip-input-autocomplete.html | 29 ++++++++++++++++-------------
 1 file changed, 16 insertions(+), 13 deletions(-)

diff --git a/paper-chip-input-autocomplete.html b/paper-chip-input-autocomplete.html
index a406593..79bacdd 100644
--- a/paper-chip-input-autocomplete.html
+++ b/paper-chip-input-autocomplete.html
@@ -36,6 +36,11 @@
 <dom-module id="paper-chip-input-autocomplete">
 	<template>
 		<style>
+			:host {
+				display: block;
+				position: relative;
+			}
+
 			paper-item:hover {
 				background: #eee;
 				color: #333;
@@ -43,13 +48,14 @@
 			}
 
 			paper-item.active,
-			 :host ::content paper-item.active {
+			:host ::content paper-item.active {
 				background: #eee;
 				color: #333;
 			}
 
 			paper-item {
 				height: 0px; /* To resolve `min-height` bug on IE 11 */
+				
 				--paper-item-selected-weight: normal;
 				--paper-item-min-height: var(--paper-chip-autocomplete-item-height, 48px);
 				--paper-item: {
@@ -103,10 +109,7 @@
 					<dom-repeat items="[[items]]">
 						<template>
 							[[item.name]]
-							<paper-chip id="paper-chip-[[item]]-[[index]]" 
-										label="[[item]]" 
-										closable$="[[closable]]" 
-										on-chip-removed="_removeChip">
+							<paper-chip id="paper-chip-[[item]]-[[index]]" label="[[item]]" closable$="[[closable]]" on-chip-removed="_removeChip">
 							</paper-chip>
 						</template>
 					</dom-repeat>
@@ -179,19 +182,19 @@
 						type: Boolean,
 						value: false
 					},
-					
-          			/**
- 					* The list of items, which will be set as paper-chips.
- 					*/
+
+					/**
+					* The list of items, which will be set as paper-chips.
+					*/
 					items: {
 						type: Array,
 						value: function () {
 							return [];
 						}
 					},
-          
-         			/**
-          			* Set to true to disable this input.
+
+					/**
+					* Set to true to disable this input.
 					*/
 					disabled: {
 						type: Boolean,
@@ -324,4 +327,4 @@
 		}
 		window.customElements.define(PaperChipInputAutocomplete.is, PaperChipInputAutocomplete);
 	</script>
-</dom-module>
+</dom-module>
\ No newline at end of file

From afb1d301851e7c2c6215f9ecf5c338f45b17a89f Mon Sep 17 00:00:00 2001
From: Thomas Cybulski <tcybulsk@de.hellmann.net>
Date: Tue, 10 Oct 2017 12:30:11 +0200
Subject: [PATCH 2/2] Format

---
 paper-chip-input-autocomplete.html | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/paper-chip-input-autocomplete.html b/paper-chip-input-autocomplete.html
index 79bacdd..ed19b30 100644
--- a/paper-chip-input-autocomplete.html
+++ b/paper-chip-input-autocomplete.html
@@ -109,7 +109,10 @@
 					<dom-repeat items="[[items]]">
 						<template>
 							[[item.name]]
-							<paper-chip id="paper-chip-[[item]]-[[index]]" label="[[item]]" closable$="[[closable]]" on-chip-removed="_removeChip">
+							<paper-chip id="paper-chip-[[item]]-[[index]]" 
+										label="[[item]]" 
+										closable$="[[closable]]" 
+										on-chip-removed="_removeChip">
 							</paper-chip>
 						</template>
 					</dom-repeat>