Quasar: q-input type:password Extra icons

Created on 13 Jun 2020  ·  6Comments  ·  Source: quasarframework/quasar

<q-input v-model="password" filled :type="isPwd ? 'password' : 'text'" hint="Password with toggle">
        <template v-slot:append>
          <q-icon
            :name="isPwd ? 'visibility_off' : 'visibility'"
            class="cursor-pointer"
            @click="isPwd = !isPwd"
          />
        </template>
</q-input>

1
doc example

bug

Most helpful comment

All 6 comments

Please fill the informations required in the issue template. I would guess what your browser is, but it would only lose time.

@pdanpdan I am sorry,brower:Microsoft Edge(83.0.478.45)
Google Chrome(83.0.4103.97) It's working

thanks it's working

//app.scss
input::-ms-reveal, input::-ms-clear {
    display: none;
}

I'll leave this open because it looks like the new edge also implements this.

Fix will be available in "quasar" v1.12.5.

Was this page helpful?
0 / 5 - 0 ratings