Massively upgraded shadow control, added sorting by specificity in themes3, added/fixed disabled inputs

1 files changed, 22 insertions, 1 deletions

diff --git a/src/components/select/select.vue b/src/components/select/select.vue
index 32832126..7494f7d3 100644
--- a/src/components/select/select.vue
+++ b/src/components/select/select.vue
@@ -6,13 +6,14 @@
     <select
       :disabled="disabled"
       :value="modelValue"
-      v-bind="attrs"
+      v-bind="$attrs"
       @change="$emit('update:modelValue', $event.target.value)"
     >
       <slot />
     </select>
     {{ ' ' }}
     <FAIcon
+      v-if="!$attrs.size && !$attrs.multiple"
       class="select-down-icon"
       icon="chevron-down"
     />
@@ -26,6 +27,11 @@
 label.Select {
   padding: 0;
 
+  &.disabled,
+  &:disabled {
+    background-color: var(--background);
+  }
+
   select {
     appearance: none;
     background: transparent;
@@ -39,6 +45,21 @@ label.Select {
     z-index: 1;
     height: 2em;
     line-height: 16px;
+
+    &[multiple],
+    &[size] {
+      height: 100%;
+      padding: 0.2em;
+
+      option {
+        background: transparent;
+
+        &.-active {
+          color: var(--selectionText);
+          background-color: var(--selectionBackground);
+        }
+      }
+    }
   }
 
   .select-down-icon {