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.1.11] horizontal Rangeslider slider-thumb not slideable in navigation-drawer #17143

Closed
FloKaemmerer opened this issue Apr 13, 2023 · 5 comments
Labels
duplicate The issue has already been reported

Comments

@FloKaemmerer
Copy link

Environment

Vuetify Version: 3.1.11
Vue Version: 3.2.47
Browsers: Chrome 111.0.0.0
OS: Windows 10

Steps to reproduce

Add a Horizontal range Slider inside a navigation drawer.
can also be wrapped in a v-card.

vertical Rangesliders work as expected

Expected Behavior

The Rangeslider Range can be changed using the slider Thumbs

Actual Behavior

Slider thumbs stay centered in the Rangeslider.

Reproduction Link

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

@websitevirtuoso
Copy link
Contributor

I think you forget to wrap everything into

@FloKaemmerer
Copy link
Author

I think you forget to wrap everything into

wrap into? I tried to reduce the example to the bare minimum.
If I forgot something let me know :-)

@websitevirtuoso
Copy link
Contributor

like

<template>
  <v-app>
  <v-layout>
		<v-navigation-drawer permanent>
      <v-range-slider
                v-model="layout"
            >
            </v-range-slider>
      
      <v-spacer></v-spacer>
                  <v-range-slider
                v-model="traversability"
                direction="vertical"
            >
            </v-range-slider>
  </v-navigation-drawer>
    </v-layout>
    </v-app>
</template>

v-app is main tag for vuetify.

@FloKaemmerer
Copy link
Author

the v-app fixes it, but I'm wondering why the vertical slider does not need to be wrapped in v-app.

I'd fuess there is still something off here.

@KaelWD
Copy link
Member

KaelWD commented Apr 14, 2023

Duplicate of #16586

@KaelWD KaelWD marked this as a duplicate of #16586 Apr 14, 2023
@KaelWD KaelWD closed this as not planned Won't fix, can't repro, duplicate, stale Apr 14, 2023
@KaelWD KaelWD added the duplicate The issue has already been reported label Apr 14, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
duplicate The issue has already been reported
Projects
None yet
Development

No branches or pull requests

3 participants