Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report] v-snackbar is not elevated, when using text property #13438

Closed
lojza3d opened this issue Apr 17, 2021 · 1 comment
Closed

[Bug Report] v-snackbar is not elevated, when using text property #13438

lojza3d opened this issue Apr 17, 2021 · 1 comment
Assignees
Labels
C: VSnackbar VSnackbar T: bug Functionality that does not work as intended/expected
Milestone

Comments

@lojza3d
Copy link

lojza3d commented Apr 17, 2021

Environment

Vuetify Version: 2.4.6
Vue Version: 2.6.12
Browsers: Chrome 89.0.4389.105
OS: Mac OS 10.14.6

Steps to reproduce

Add

<v-snackbar
  value="true"
  timeout="-1"
  text
  elevation="24"
>
Something...
</v-snackbar>

to the template.

Expected Behavior

The displayed snackbar should be elevated.

Actual Behavior

The displayed snackbar is not elevated until the "text" property is removed.

Reproduction Link

https://codepen.io/lojza3d/pen/poRZWrp

Other comments

Elevation does not work when "text" property is used on v-snackbar, regardless of what method/property do I use (elevation="24" or class="elevation-24").

@ghost ghost added the S: triage label Apr 17, 2021
@fabiiomiiguel
Copy link

fabiiomiiguel commented Jun 18, 2021

Yes, I have the same issue too.

Maybe related with this computed property:

image

Workaround class="v-snack--has-background":

image

@ElijahKotyluk ElijahKotyluk added the C: VSnackbar VSnackbar label Jun 24, 2021
@KaelWD KaelWD added T: bug Functionality that does not work as intended/expected and removed S: triage labels Jul 5, 2021
@KaelWD KaelWD self-assigned this Jul 5, 2021
@KaelWD KaelWD added this to the v2.5.x milestone Jul 5, 2021
@KaelWD KaelWD closed this as completed in 11fd714 Jul 5, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
C: VSnackbar VSnackbar T: bug Functionality that does not work as intended/expected
Projects
None yet
Development

No branches or pull requests

4 participants