[Bug Report] v-slider generates duplicate element id's

Versions and Environment

Vuetify: 1.5.7 Vue: 2.6.10 Browsers: Chrome 73.0.3683.86 OS: Mac OS 10.14.3

Steps to reproduce

1. Use a Vuetify v-slider component with a custom id
2. See the generated HTML (both the container div and the input elements have the same id)

Expected Behavior

Each element should have a unique id, if both container and input elements need an id there could be a container-id similar to the suggested solution in #2777. Otherwise the id could be auto-generated with container appended or only the input should have the id. (probably best to stay consistent with other form controls)

<v-slider
   id="slider-input-id"
   container-id="slider-container-id"
   v-model="slider"
></v-slider>

Actual Behavior

<v-slider
   id="slider-id"
   v-model="slider"
></v-slider>

Also see the HTML output on this demo

Reproduction Link

https://codepen.io/robinvenneman/pen/RdmwOa

[radcki]

id’s are generated here: https://github.com/vuetifyjs/vuetify/blob/30632ab56f6215f66cdecd06f35b5fee9ab7faef/packages/vuetify/src/components/VInput/VInput.ts#L81 so it seems that Vue’s _uid is not unique enough for this component.

maybe change from computedId (): string { return this.id || `input-${this._uid}` }, to computedId (): string { return this.id || `input-${this._uid}+${Math.ceil(Math.random()*1000)}` }, would be enough?

[paul-a-byford]

i’m also experiencing this error message, is there a work around or fix planned?