[Bug Report][2.5.8] small flickering black box when disabling / enabling a v-card with an click handler in an timeline item

[illmat]

Environment

Vuetify Version: 2.5.8
Vue Version: 2.6.14
Browsers: Chrome 93.0.4577.82
OS: Linux x86_64

Steps to reproduce

1. open codepen
2. click the "toggle disable" button a few times
3. see the flickering box on in front of the first card

Expected Behavior

no flickering

Actual Behavior

flickering

Reproduction Link

https://codepen.io/illmat/pen/xxraNye?editors=1010

[glen-84]

The v-card seems to get a v-card--link class when you add a click handler.

[KaelWD]

v-card--link uses ::before for a focus overlay, and v-timeline uses it for the arrow.

[ryoluo]

It could be solved by adding some styles on .v-timeline-item__body > .v-card:not(.v-card--flat)::before to invalidate styles of v-card--link::before. Can I make PR?

bottom: auto
opacity: unset
background: none

vuetify/packages/vuetify/src/components/VTimeline/VTimeline.sass

Lines 85 to 100 in c97eccb

	// Wedge
	.v-timeline-item__body
	> .v-card:not(.v-card--flat)
	&:before, &:after
	content: ''
	position: absolute
	border-top: $timeline-wedge-size solid transparent
	border-bottom: $timeline-wedge-size solid transparent
	border-right: $timeline-wedge-size solid black
	top: calc(50% - #{$timeline-wedge-size})
	&:after
	border-right-color: inherit
	&:before
	top: calc(50% - #{$timeline-wedge-size} + 2px)