saintplay / vue-swatches

:art: Help the user picking beautiful colors!

Home Page:https://saintplay.github.io/vue-swatches/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

fallback-input-type="color" not working

martinchom88 opened this issue · comments

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?

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

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

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