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][3.3.12] VAppBar scroll behavior "hide" not keeping extension slot visible #18020

Closed
carlosyan1807 opened this issue Aug 10, 2023 · 2 comments · Fixed by Enterprise-CMCS/cmcs-eregulations#1307 · May be fixed by Shuunen/ging#200
Assignees
Labels
C: VAppBar VAppBar T: bug Functionality that does not work as intended/expected

Comments

@carlosyan1807
Copy link

Environment

Vuetify Version: 3.3.12
Vue Version: 3.3.4
Browsers: Chrome 115.0.0.0
OS: Windows 11

Steps to reproduce

Create a VAppBar component with scroll-behavior="hide" and an extension slot.
Observe the behavior when scrolling down.

Expected Behavior

The default slot area should hide as the user scrolls down, but the extension slot should remain visible, as stated in the documentation.

Actual Behavior

Both the default slot area and the extension slot are hidden, which doesn't match the expected behavior as described in the documentation.

Reproduction Link

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

Other comments

According to the documentation
https://vuetifyjs.com/en/components/app-bars/#scroll-behavior

hide: The default slot area will shift up and hide as the user scrolls down. The extension slot remains visible.

I am not sure if this is the intended behavior.

Thanks.

@steklopod
Copy link

  • in the lates version it's not possible to Multiple values, separated by a space.
Снимок экрана 2023-08-18 в 21 15 34

https://vuetifyjs.com/en/api/v-app-bar/#props-scroll-behavior

Снимок экрана 2023-08-18 в 21 17 00

@mcfarljw
Copy link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment