fix: Various fixes for Input form components

Author: rstoenescu

src/components/chips-input/QChipsInput.vue

@@ -46,11 +46,10 @@
         :class="[`text-${align}`]"
         v-model="input"
 
-        :name="name"
         :placeholder="inputPlaceholder"
         :disabled="disable"
         :readonly="readonly"
-        :max-length="maxLength"
+        v-bind="$attrs"
 
         @focus="__onFocus"
         @blur="__onInputBlur"

src/components/input-frame/input-frame.ios.styl

@@ -3,9 +3,10 @@
 
 .q-if
   min-height 32px
-  padding-bottom 8px
   color $primary
   outline 0
+  &:not(.q-field-hide-underline)
+    padding-bottom 8px
 
   &:not(.q-if-hide-underline):not(.q-if-inverted)
     &:before, &:after

src/components/input-frame/input-frame.mat.styl

@@ -3,9 +3,10 @@
 
 .q-if
   min-height 32px
-  padding-bottom 8px
   color $primary
   outline 0
+  &:not(.q-field-hide-underline)
+    padding-bottom 8px
 
   &:not(.q-if-hide-underline):not(.q-if-inverted)
     &:before, &:after

src/components/input/QInput.vue

@@ -39,11 +39,9 @@
           ref="input"
           class="col q-input-target q-input-area"
 
-          :name="name"
           :placeholder="inputPlaceholder"
           :disabled="disable"
           :readonly="readonly"
-          :maxlength="maxLength"
           v-bind="$attrs"
 
           :value="model"
@@ -63,11 +61,9 @@
       class="col q-input-target q-no-input-spinner"
       :class="[`text-${align}`]"
 
-      :name="name"
       :placeholder="inputPlaceholder"
       :disabled="disable"
       :readonly="readonly"
-      :maxlength="maxLength"
       :step="computedStep"
       v-bind="$attrs"
 

src/components/search/QSearch.js

@@ -98,12 +98,12 @@ export default {
         inverted: this.inverted,
         dark: this.dark,
         hideUnderline: this.hideUnderline,
-        maxLength: this.maxLength,
         color: this.color,
         before: this.controlBefore,
         after: this.controlAfter,
         clearValue: this.clearValue
       },
+      attrs: this.$attrs,
       on: {
         input: v => { this.model = v },
         focus: this.__onFocus,

src/mixins/input.js

@@ -1,7 +1,6 @@
 export default {
   props: {
     autofocus: [Boolean, String],
-    name: String,
     maxLength: [Number, String],
     maxHeight: Number,
     placeholder: String,