Skip to content
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

fix(VListItem): remove hover effect when not clickable #19506

Merged
merged 2 commits into from
Mar 28, 2024

Conversation

De-Hann
Copy link
Contributor

@De-Hann De-Hann commented Mar 28, 2024

Fixes #19005

Removed the hover effect if list item isn't set to clickable if link or href isn't set

<template>
  <v-app>
    <v-container>
      <v-list>
        <v-list-item>Item 1</v-list-item>
        <v-list-item active>Item 2</v-list-item>
        <v-list-item link="#" active>Item 3</v-list-item>
        <v-list-item link="#">Item 4</v-list-item>
        <v-list-item>Item 5</v-list-item>
      </v-list>
    </v-container>
  </v-app>
</template>

<script>
export default {
  name: "Playground",
};
</script>

@johnleider johnleider added this to the v3.5.x milestone Mar 28, 2024
@johnleider johnleider added T: bug Functionality that does not work as intended/expected C: VListItem labels Mar 28, 2024
@johnleider johnleider merged commit 7f86562 into vuetifyjs:master Mar 28, 2024
4 of 5 checks passed
@johnleider johnleider changed the title fix(VListItem): Removed hover effect if list item is not clickable fix(VListItem): remove hover effect when not clickable Mar 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VListItem T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Bug Report][3.4.9] Non-clickable list items get a hover effect when marked as active
2 participants