[Bug Report][3.1.14] v-slider thumb circle does not move

[craigbroadbear]

Environment

Vuetify Version: 3.1.14
Last working version: 3.0.5
Vue Version: 3.2.47
Browsers: Chrome 112.0.0.0
OS: Windows 10

Steps to reproduce

Try and move the large circle in the middle of the slider, it does not move.

Expected Behavior

The large circle moves with the value of the slider

Actual Behavior

Circle does not move from center.

Reproduction Link

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

[websitevirtuoso]

Please read documentation carefully

<template>
  <v-app>
    <v-slider
      v-model="slider1"
      color="orange"
      label="color"
    ></v-slider>

   
  </v-app>
</template>

<script>
  export default {
    data: () => ({
      slider1: 0,
      slider2: 50,
      slider3: 100,
    }),
  }
</script>

[craigbroadbear]

What am I missing? I copied the example from the vuetify docs and it works fine in earlier versions of vuetify.

…

On Sun, 16 Apr 2023, 18:03 Viktor, ***@***.***> wrote: Please read documentation carefully <template> <v-app> <v-slider v-model="slider1" color="orange" label="color" ></v-slider> </v-app> </template> <script> export default { data: () => ({ slider1: 0, slider2: 50, slider3: 100, }), } </script> — Reply to this email directly, view it on GitHub <#17159 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACEFG7BP2SAEXZQV4PKQ52DXBORVDANCNFSM6AAAAAAW72FT4A> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[websitevirtuoso]

v-app is main tag for vuetify. when you build app you must use it 1 time.
In vuetify 2 we also had it and the same requirement

[craigbroadbear]

Thank you, that does the trick. Note it did work fine in vuetify 3.0.5 for some reason.

…

On Mon, 17 Apr 2023 at 03:25, Viktor ***@***.***> wrote: v-app is main tag for vuetify. when you build app you must use it 1 time. In vuetify 2 we also had it and the same requirement — Reply to this email directly, view it on GitHub <#17159 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/ACEFG7BEKOKSVIBW5BXS7U3XBQTOZANCNFSM6AAAAAAW72FT4A> . You are receiving this because you authored the thread.Message ID: ***@***.***>

[websitevirtuoso]

If possible please close this issue

[craigbroadbear]

The v-app fix works. I suggest this requirement be made clearer in the documentation on v-slider or the dependency removed.

[websitevirtuoso]

Yes. Maybe. I think you can creat PR in documentation to create a note about this.
v-app has to be used not only for v-slider. for all components

[KaelWD]

Duplicate of #16586