Vuetify: [Bug Report] Activator in disabled menu gets "pointer" cursor instead of "default" (regression since 1.4.0)

Created on 25 Jan 2019  路  4Comments  路  Source: vuetifyjs/vuetify

Versions and Environment

Vuetify: 1.4.3
Last working version: 1.3.16
Vue: 2.5.22
Browsers: Chrome 71.0.3578.98
OS: Mac OS 10.14.2

Steps to reproduce

Hover over the second button

Expected Behavior

It should show a default cursor

Actual Behavior

It shows a pointer cursor

Reproduction Link

https://codepen.io/everhardt/pen/WPQWPw

Other comments

This issue was earlier filed for Vuetify 0.14 (and fixed), see https://github.com/vuetifyjs/vuetify/issues/1479. As that one is closed and this is a regression, I assume it made more sense to open a new ticket.

Proof that it does work under 1.3.16 can be found at https://codepen.io/everhardt/pen/ZwbZPJ

VMenu bug regression

Most helpful comment

This is not a solution, this is a workaround for an obvious bug.
I'd much appreciate if this issue would be reopened and solved.
I hope I am not the only one, so please reconsider.

All 4 comments

Hi, I encounter the same issue,

From my research I found that all classes under __activator have the cursor: pointer style property in _menus.styl.

Also I noticed that there is a class v-menu__activator--disabled added to the DOM element, which has no style props, maybe the fix would be to just add cursor: default to it. Just trying to help.

&--disabled 
  *
    cursor: default

Workaround: use scoped slot https://codepen.io/anon/pen/moMyJd

In 2.0 all activators must be placed in the scoped slot

This is not a solution, this is a workaround for an obvious bug.
I'd much appreciate if this issue would be reopened and solved.
I hope I am not the only one, so please reconsider.

Was this page helpful?
0 / 5 - 0 ratings