Vuetify: v-dialog still opens even if activator has disabled props

Created on 14 Jun 2017  路  3Comments  路  Source: vuetifyjs/vuetify

Steps to reproduce

Versions


Vue - ^2.3.3
Vuetify - ^0.12.7

What is expected ?


Dialog shouldn't open.

What is actually happening ?


It does open even if the v-btn activator was set to disabled

Reproduction Link


https://jsfiddle.net/greenfoxx/wcwdfqgu/

question

Most helpful comment

This is because the activator slot wraps the element. The disabled button isn't what is propagating the click, the activator slot is. There are two ways you can solve this. Don't use the activator slot, or, the preferred method, add the disabled prop to the actual dialog.

All 3 comments

This is because the activator slot wraps the element. The disabled button isn't what is propagating the click, the activator slot is. There are two ways you can solve this. Don't use the activator slot, or, the preferred method, add the disabled prop to the actual dialog.

:100: Thanks @johnleider

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord

Was this page helpful?
0 / 5 - 0 ratings