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] VAppBar - elevate-on-scroll + hide-on-scroll do not work as expected with "extension" slot #8516

Closed
morficus opened this issue Aug 14, 2019 · 0 comments · Fixed by #8519

Comments

@morficus
Copy link
Contributor

morficus commented Aug 14, 2019

Environment

Vuetify Version: 2.0.7
Vue Version: 2.6.10
Browsers: Chrome 76.0.3809.100
OS: Mac OS 10.14.6

Steps to reproduce

The options to reproduce the issue are pre-selected in the Codepen link.

As you start scrolling, you will see the "elevation" shadow does appear (as you would expect because of the elevate-on-scroll prop). But as you scroll more to cross the hide-on-scroll threshold... the drop shadow disappears.

Expected Behavior

The drop shadow would stay visible on the "extended" slot

Actual Behavior

The drop shadow completely disappears making the component appear "flat" rather than "elevated"

Reproduction Link

https://codepen.io/morficus/pen/vYBLzGv?editors=1000

@ghost ghost added the S: triage label Aug 14, 2019
morficus added a commit to morficus/vuetify that referenced this issue Aug 14, 2019
When using **hide-on-scroll** in combination with **extended**, **elevate-on-scroll** would not work
as expected.

fixes vuetifyjs#8516
morficus added a commit to morficus/vuetify that referenced this issue Aug 14, 2019
When using **hide-on-scroll** in combination with **extended**, **elevate-on-scroll** would not work
as expected.

fixes vuetifyjs#8516
morficus added a commit to morficus/vuetify that referenced this issue Aug 14, 2019
When using **hide-on-scroll** in combination with **extended**, **elevate-on-scroll** would not work
as expected.

fixes vuetifyjs#8516
morficus added a commit to morficus/vuetify that referenced this issue Aug 14, 2019
When using **hide-on-scroll** in combination with **extended**, **elevate-on-scroll** would not work
as expected.

fixes vuetifyjs#8516
morficus added a commit to morficus/vuetify that referenced this issue Aug 14, 2019
When using **hide-on-scroll** in combination with **extended**, **elevate-on-scroll** would not work
as expected.

fixes vuetifyjs#8516
johnleider pushed a commit that referenced this issue Aug 15, 2019
When using **hide-on-scroll** in combination with **extended**, **elevate-on-scroll** would not work
as expected.

fixes #8516
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants