fix: add active when an option is selected

CoCreate-app · Jul 9, 2021 · 2eb086e · 2eb086e
1 parent cf00928
commit 2eb086e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/index.css b/src/index.css
@@ -133,8 +133,7 @@ cc-options, .options {
   -webkit-animation: hideAnimation 0.4s ease-out;
 }
 
-
-cocreate-select.open .options {
+cocreate-select.open .options, cocreate-select.open cc-options {
   /*display:flex;*/
   flex-direction:column;
   max-height: 50vh;

diff --git a/src/select.js b/src/select.js
@@ -142,6 +142,8 @@ CoCreateSelect.prototype = {
     if (this.input)
       this.input.value = ""
     this.selectContainer.classList.remove('open');
+    if (!this.selectedContainer.children.length)
+      this.selectContainer.classList.remove('active');
     this.selectContainer.dispatchEvent(new CustomEvent('CoCreateSelect-close'));
   },
   getOptions: function() {
@@ -188,6 +190,7 @@ CoCreateSelect.prototype = {
       // todo: when an option is not found. just use option itself and remvove these lines
       optionToSelected.set(selectedOption, selectedOption);
       selectedToOption.set(selectedOption, selectedOption);
+      this.selectContainer.classList.add('active');
     }
     else {
       value = option.getAttribute('value');
@@ -198,6 +201,7 @@ CoCreateSelect.prototype = {
       option.setAttribute('selected', "");
       optionToSelected.set(option, selectedOption);
       selectedToOption.set(selectedOption, option);
+      this.selectContainer.classList.add('active');
     }
 
     selectedOption.appendChild(removeElement.cloneNode(true));