You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
fixes#8367
Right v-avatar only really works properly with <img> elements. There are cases where <svg> is preferred such as identicon graphics generated client-side. This change makes <svg> work as expected.
Environment
Vuetify Version: 2.0.5
Vue Version: 2.6.10
Browsers: Chrome 75.0.3770.142
OS: Windows 10
Steps to reproduce
Include svg element within v-avatar where more commonly img element is used
Expected Behavior
SVG element fills the intended v-avatar volume and is correctly occluded by the circular v-avatar geometry (or equivalent)
Actual Behavior
SVG loads in with 0 size. If forced to fill (ex. width=100%) then it will overflow beyond the circular container
Reproduction Link
https://codepen.io/gregpeden/pen/qeoOaP
Other comments
Supporting SVG is useful for supporting client-side rendered identicons like Dicebear Avatars
The text was updated successfully, but these errors were encountered: