fix(VSlider): set value to min if it's less than min (#6604) (#6605)

* fix(VSlider): set value to min if it's less than min (#6604)

fixes #6604

* test(VSlider): Check roundValue is bounded by min and max

The roundValue function gets used by inputWidth to determine placement of the thumb and various
other elements. If the initial value is less than min, inputWidth will return a negative number due
to the roundValue not being bounded by min and max. This test will check the boundaries.

test for fix #6604

packages/vuetify/src/components/VSlider/VSlider.js

@@ -511,7 +511,7 @@ export default VInput.extend({
 
       const newValue = Math.round((value - offset) / this.stepNumeric) * this.stepNumeric + offset
 
-      return parseFloat(Math.min(newValue, this.max).toFixed(decimals))
+      return parseFloat(Math.max(Math.min(newValue, this.max), this.min).toFixed(decimals))
     },
     setInternalValue (value) {
       this.internalValue = value

packages/vuetify/test/unit/components/VSlider/VSlider.spec.js

@@ -355,6 +355,18 @@ test('VSlider.vue', ({ mount }) => {
     expect(wrapper.vm.roundValue(5.667)).toBe(5)
   })
 
+  it('should return a rounded value bounded by min and max', () => {
+    const wrapper = mount(VSlider, {
+      propsData: {
+        min: 5,
+        max: 10
+      }
+    })
+
+    expect(wrapper.vm.roundValue(1)).toBe(5)
+    expect(wrapper.vm.roundValue(15)).toBe(10)
+  })
+
   it('should not update if value matches lazy value', () => {
     const validate = jest.fn()
     const wrapper = mount(VSlider, {