[Bug Report][3.6.14] Ripple applies to parent element in Safari browser

[Larsluph]

Environment

Vuetify Version: 3.6.14
Vue Version: 3.4.37
Browsers: Safari 17.6
OS: Mac OS 10.15.7

Steps to reproduce

1. Create a table using the Vuetify v-table wrapper
2. Apply v-ripple directive to table rows
3. Click on a row

Expected Behavior

Ripple effect applies only to the clicked row, just like in Firefox and Chrome.

Actual Behavior

On Safari only, ripple effect applies on the table element instead.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Tested on random versions of Vuetify 3 and the problem occurs on all of them, including the 3.0.0 release, and only using Safari.

[KaelWD]

https://bugs.webkit.org/show_bug.cgi?id=240961
This doesn't seem to be possible, the only suggestion from w3c/csswg-drafts#1899 that somewhat works is clip-path: inset(0) but the ripple position is still broken because it thinks it's in the wrapping div.