New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

v-list click colides with avatar click #4793

Closed
danielschmitz opened this Issue Aug 3, 2018 · 1 comment

Comments

Projects
None yet
2 participants
@danielschmitz

danielschmitz commented Aug 3, 2018

Versions and Environment

Vuetify: 1.1.9
Vue: 2.5.17
Browsers: Chrome
OS: Windows 10

Steps to reproduce

  • create a v-list-tile with @click
  • create a v-list-tile-action with v-btn @click
  • click on v-btn

Expected Behavior

  • Only v-btn click trigger

Actual Behavior

  • Both v-btn and v-list-tile triggers a click

Reproduction Link

https://codepen.io/danielschmitz/pen/NBzMRb?&editors=101

Additional Comments:

From documentation example, we have:

<v-list-tile
              v-for="item in items"
              :key="item.title"
              avatar
              @click="onListTileItemClick()" <<<<<<<<<<<<<<<<<<<<<
            >
              <v-list-tile-avatar>
                <v-icon :class="[item.iconClass]">{{ item.icon }}</v-icon>
              </v-list-tile-avatar>
  
              <v-list-tile-content>
                <v-list-tile-title>{{ item.title }}</v-list-tile-title>
                <v-list-tile-sub-title>{{ item.subtitle }}</v-list-tile-sub-title>
              </v-list-tile-content>
  
              <v-list-tile-action>
                <v-btn icon ripple @click="onButtonInfoItemClick()"> <<<<<<<<<<<<<<<
                  <v-icon color="grey lighten-1">info</v-icon>
                </v-btn>
              </v-list-tile-action>
            </v-list-tile>

002

@KaelWD

This comment has been minimized.

Show comment
Hide comment
Member

KaelWD commented Aug 4, 2018

@KaelWD KaelWD closed this Aug 4, 2018

@KaelWD KaelWD added the layer 8 issue label Aug 4, 2018

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment