[Feature request]VDropdown with class manipulation only eg. hidden

[austingil]

[Feature request]VDropdown with class manipulation only eg. hidden

[AustinGil]

Hey, PRs are always welcome. It will help me better understand what you're suggesting. I think you make some valid points, and I cant think of many reasons to keep it as it currently is.

However, rather than adding a class, I think a good approach is to replace the current implementation using v-if to v-show

[AustinGil]

Yeah, thanks. That's not a bad idea, but I would like to hear a bit more about your arguments for using a hidden class rather than removing it from the DOM.

[nyambe]

Yeah, thanks. That's not a bad idea, but I would like to hear a bit more about your arguments for using a hidden class rather than removing it from the DOM.

In my case there are 2 main reasons, but I can think of many more.

1. NUXT. I am using nuxt. Dropdown items (links) need to be available for crawler and SEO reasons.
2. The dropdown shows States (button) and cities (content and link). There is a hiccup when changing states, to much data I guess.

I already did the modification, it took me less than 5 minutes. I would take another 15 minutes to make an option. Just need to tie the actions to methods. When the css-only option is set to true then all you need to do is set isHover and isFocus to true (the class still changes)

As a side note, I gained @click to open dropdown and an open all default setting. Very handy (reasons 3&4)

on vts-dropdown
@mouseenter="onHover"
@mouseleave="onHover"
@focusout="onFocusout"

On button
@click="buttonClick"

added class to _content
${!isCssOnly ? 'hidden' : '' }

Really really simple
I can do a pull request if you like it.

Keep up the good work