vuetifyjs/vuetify

[Feature Request] Add a way to disable the hover effect on <v-expansion-panels>

Geschlossen

#21.615 geöffnet am 20.06.2025

Auf GitHub ansehenContributor Guide
 (1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (7.139 Forks)batch import
C: VExpansionPanelsT: featuregood first issue

Repository-Metriken

Stars
 (40.995 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 59T 10h) (8 gemergte PRs in 30 T)

Beschreibung

Problem to solve

This feature allows developers to disable the hover effect from <v-expansion-panels> without relying on CSS rules. Right now the desired result can be achieved with this:

.v-expansion-panel-title:hover > .v-expansion-panel-title__overlay {
  --v-hover-opacity: 0;
}

Proposed solution

Add a prop or a SASS variable to control above mentioned behavior.

Contributor Guide

Research-Richtung
Investigate the VExpansionPanel component source code in packages/vuetify/src/components/VExpansionPanel/. Look for the hover overlay implementation in styles (CSS/SASS). Review existing props on VExpansionPanel and similar components (e.g., VCard) for patterns to disable hover. Propose adding a Boolean prop like 'no hover' that conditionally sets the hover overlay opacity to 0. Consider using a SASS variable to allow global theming.
Tech Stack
vuetypescriptcss
Domain
frontend
Issue Type
Funktion
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
Unter 1 Stunde
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Frisch
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
VueVuetify component structure
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
80