-
-
Notifications
You must be signed in to change notification settings - Fork 6.9k
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
Comments
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
9 tasks
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
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 thehide-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
The text was updated successfully, but these errors were encountered: