vue-color-kit icon indicating copy to clipboard operation
vue-color-kit copied to clipboard

Incorrect width by default

Open fjeddy opened this issue 3 years ago • 4 comments

image

No changes, simply use the component. It seems to be including the padding as part of the inner content width, and therefor it doesn't look proper?

The width prop is not working either, even tho a PR exists to add it, it's not actually present. So maybe it doesn't exist anymore?

fjeddy avatar Mar 12 '22 14:03 fjeddy

It's caused by the lack of a box-sizing: content-box; so it's inheriting whatever the parent is using.

fjeddy avatar Mar 12 '22 19:03 fjeddy

Thanks for pointing this out! I hope this will be added by default to the component...

gmasil avatar Apr 09 '22 16:04 gmasil

Suffer same issue now, it's should be fixed by change the following part totalWidth(): number { return this.hueHeight + (this.hueWidth + 8) * 2 },

it makes no sense, if above part is overflow the box, but below part is ok

olojiang avatar Oct 14 '22 09:10 olojiang

Same problem here, in Safari...

runger1101001 avatar Jan 27 '23 19:01 runger1101001