Fixes liferay#1285 - Update demos

matuzalemsteles · Dec 4, 2018 · c5d54d5 · c5d54d5
1 parent 25ba1ef
commit c5d54d5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 10 deletions.
diff --git a/packages/clay-multi-select/demos/a11y.html b/packages/clay-multi-select/demos/a11y.html
@@ -119,6 +119,7 @@ <h2>With only data remote</h2>
 				itemRemoved: removeItem,
 				itemSelected: (event) => {
 					const label = event.data.originalString.toLowerCase();
+					if (event.target.selectedItems.find(item => item.value === label)) return;
 					event.target.selectedItems.push({label, value: label});
 					addToSelectedItems(event);
 				},
@@ -133,6 +134,7 @@ <h2>With only data remote</h2>
 				itemRemoved: removeItem,
 				itemSelected: (event) => {
 					const label = event.data.originalString.toLowerCase();
+					if (event.target.selectedItems.find(item => item.value === label)) return;
 					event.target.selectedItems.push({label, value: label});
 					addToSelectedItems(event);
 				},

diff --git a/packages/clay-multi-select/demos/index.html b/packages/clay-multi-select/demos/index.html
@@ -15,16 +15,6 @@
 		.row {
 			margin-bottom: 20px;
 		}
-
-		.label-focus {
-			background-color: #0B5FFF;
-			border-color: #0B5FFF;
-			color: #FFF;
-		}
-
-		.dropdown-full {
-			position: relative;
-		}
 	</style>
 
 	<script src="../build/globals/clay-multi-select.js"></script>
@@ -129,6 +119,7 @@ <h2>With only data remote</h2>
 				itemRemoved: removeItem,
 				itemSelected: (event) => {
 					const label = event.data.originalString.toLowerCase();
+					if (event.target.selectedItems.find(item => item.value === label)) return;
 					event.target.selectedItems.push({label, value: label});
 					addToSelectedItems(event);
 				},
@@ -143,6 +134,7 @@ <h2>With only data remote</h2>
 				itemRemoved: removeItem,
 				itemSelected: (event) => {
 					const label = event.data.originalString.toLowerCase();
+					if (event.target.selectedItems.find(item => item.value === label)) return;
 					event.target.selectedItems.push({label, value: label});
 					addToSelectedItems(event);
 				},