Fix Autocomplete position and Forms disabled styles bug and merge Menus and Dropdowns

3 files changed, 16 insertions, 8 deletions

diff --git a/src/autocomplete.less b/src/autocomplete.less
index ce8b620..e392581 100644
--- a/src/autocomplete.less
+++ b/src/autocomplete.less
@@ -29,4 +29,11 @@
     font-size: 1;
     padding: .1em 0;
   }
+
+  .menu {
+    left: 0;
+    position: absolute;
+    top: 100%;
+    width: 100%;
+  }
 }
diff --git a/src/dropdowns.less b/src/dropdowns.less
index 96ab055..229bda2 100644
--- a/src/dropdowns.less
+++ b/src/dropdowns.less
@@ -4,7 +4,7 @@
   position: relative;
 
   .menu {
-    animation: slide-down .2s;
+    animation: slide-down .2s 1;
     display: none;
     left: 0;
     position: absolute;
diff --git a/src/forms.less b/src/forms.less
index 3eafd65..226570a 100644
--- a/src/forms.less
+++ b/src/forms.less
@@ -360,6 +360,7 @@
 }
 
 // Form disabled
+.form-input,
 .form-select {
   &:disabled,
   &.disabled {
@@ -372,11 +373,6 @@
 input {
   &:disabled,
   &.disabled {
-    & {
-      background: @dark-bg-color;
-      cursor: default;
-      opacity: .5;
-    }
     & + .form-icon {
       background: @dark-bg-color;
       border-color: @light-gray-color;
@@ -388,8 +384,13 @@ input {
 }
 
 .form-switch {
-  input:disabled + .form-icon::after {
-    background: @light-bg-color;
+  input {
+    &:disabled,
+    &.disabled {
+      & + .form-icon::after {
+        background: @light-bg-color;
+      }
+    }
   }
 }