vue-input-autowidth icon indicating copy to clipboard operation
vue-input-autowidth copied to clipboard

Padding breaks autowidth in Vue 3

Open OwenVey opened this issue 3 years ago • 1 comments

Using the v2 branch, whenever I add left/right padding, the width is not accounting for it and therefore cuts off text. image

OwenVey avatar Mar 17 '22 17:03 OwenVey

Hey there, thanks for the report.

Do you have box-sizing: border-box applied to your input (implicitly or explicitly)? As long as you do, the width should display correctly, as the plugin does take padding into account (see https://github.com/syropian/vue-input-autowidth/blob/v2/lib/directive.ts#L92-L93)

syropian avatar Mar 18 '22 13:03 syropian