vuetify icon indicating copy to clipboard operation
vuetify copied to clipboard

[Bug Report][3.0.0-beta.14] can't apply inline styles to v-card

Open jd-solanki opened this issue 3 years ago • 1 comments

Environment

Vuetify Version: 3.0.0-beta.14 Vue Version: 3.2.41 Browsers: Chrome 106.0.0.0 OS: Mac OS 10.15.7

Steps to reproduce

  1. Open the reproduction line
  2. Inspect the v-card styles

Expected Behavior

Card shoule have min-height 100%

Actual Behavior

style attribute is empty

Reproduction Link

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

jd-solanki avatar Oct 21 '22 10:10 jd-solanki

Vue bug.

vnode.props.style has

{
  height: undefined,
  maxHeight: undefined,
  maxWidth: undefined,
  minHeight: undefined,
  minWidth: undefined,
  width: undefined,
  min-height: "100%"
 }

patchStyle() is calling

style.minHeight = ''
style.minHeight = '100%'

then style.minHeight = '' again because of https://github.com/vuejs/core/blob/85af1398637ee91c6ebabb73bf42250320311e19/packages/runtime-dom/src/modules/style.ts#L13-L19

KaelWD avatar Oct 21 '22 11:10 KaelWD

Fixed by https://github.com/vuejs/core/pull/7425

KaelWD avatar May 27 '23 07:05 KaelWD