vuetifyjs / vuetify

🐉 Vue Component Framework
https://vuetifyjs.com
MIT License
39.06k stars 6.91k forks source link

[Bug Report][3.5.16] [VBtn] has no background if in absolute parent #19636

Closed KIDS-interactive closed 2 weeks ago

KIDS-interactive commented 2 weeks ago

Environment

Vuetify Version: 3.5.16 Vue Version: 3.4.23 Browsers: Chrome 123.0.0.0 OS: Windows 10

Steps to reproduce

Create an absolute parent, put an v-btn in it and set a size of size="50px"

Expected Behavior

The button has all functionality from before

Actual Behavior

The button has no background and so no click transition etc

Reproduction Link

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

KaelWD commented 2 weeks ago

Buttons have max-width:100%, your absolute element has 0 width.

KIDS-interactive commented 2 weeks ago

@KaelWD the max-width is set by vuetify and should be removed if the user sets a size with px! That's not an issue made by me

KIDS-interactive commented 2 weeks ago

image

@KaelWD You set a min-width when I set a normal size class. Why is it a "WontFix" for you to do it at a specified size?