Vuetify: [Bug Report] Clicking prepend-icon in v-text-field should bring up v-menu when used in v-time-picker

Created on 29 Mar 2020  路  3Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.2.19
Vue Version: 2.6.11
Browsers: Chrome 80.0.3987.149
OS: Windows 10

Steps to reproduce

Click on v-text-field input, time picker is activated.
Click on icon in v-text-field, time picker is not activated.

Expected Behavior

Time picker is activated when icon is clicked in text field

Actual Behavior

Time picker is not activated

Reproduction Link

https://codepen.io/milost1982/pen/OJVdLPJ?editors=1010

VTextField bug

Most helpful comment

@click:prepend="on.click"

All 3 comments

Technically it's duplicate of https://github.com/vuetifyjs/vuetify/issues/8141, however i'm leaning to a version that if no click:prepend/click:append listener is defined then clicking on the icon should run the click listener
@vuetifyjs/core-team ?

@jacekkarczmarczyk could you please tell me how can I add click listener on prepend/append icon if my v-text-field is inside slot template? Eg:


          <template v-slot:activator="{ on }">
            <!-- add @click handler on prepend-icon  -->
            <v-text-field
              v-model="date"
              label="Picker in menu"
              prepend-icon="event"
              readonly
              v-on="on"
            ></v-text-field>
          </template>

I create the example based on docs so you can see it here:
https://codepen.io/milost1982/pen/YzXbvyx?editors=1010

@click:prepend="on.click"

Was this page helpful?
0 / 5 - 0 ratings

Related issues

Antway picture Antway  路  3Comments

dschreij picture dschreij  路  3Comments

SteffenDE picture SteffenDE  路  3Comments

aaronjpitts picture aaronjpitts  路  3Comments

KuroThing picture KuroThing  路  3Comments