saintplay/vue-swatches

fallback-input-type="color" not working

martinchom88 opened this issue · 3 comments

martinchom88 commented

Hello! I´m having troubles with the type of the fallback input.
I set the property to "color" but when rendering the element it´s set to "text".
I tried in crhome and firefox and nothing.

<Swatches
          v-model="color.hex"
          colors="text-advanced"
          show-fallback
          fallback-input-type="color"
 />

may the containers classes of the component be the problem?

martinchom88 commented

This is the full code where the component is used:

<form @submit.prevent="onSubmit">
    <PageContent>
      <BasicInput label="Nombre" required slot="content">
        <InputText
          v-model="color.name"
          :vvalidate="validationRules.name"
          name="Nombre"
          required
          autofocus
        />
      </BasicInput>
      <BasicInput label="Código HEX" required slot="content">
        <Swatches
          v-model="color.hex"
          colors="text-advanced"
          show-fallback
          fallback-input-type="color"
        />
      </BasicInput>
      <ButtonDefault
        slot="left"
        :disabled="errors.any()"
        text="Guardar"
        state="primary"
        submit
      />
    </PageContent>
  </form>

P.S. sorry for my english

saintplay commented

Hi, can you create a codesanbox with the issue on it?

martinchom88 commented

Hi! the problem has been resolved! I was on a previous version. Sorry and thanks for your prompt reply!

  • 👍1