Open
Description
Hey. Thanks again for the awesome work here. I noticed that when I do:
<script>
import styled from 'vue-styled-components';
var MyInput = styled.input``;
export default {
components: {
MyInput
}
}
</script>
<template>
<MyInput
type="range"
min="0"
max="100"
defaultValue="0"
:value="$store.state.brightness"
@input="$store.commit('setBrightness', $event.target.value)"
/>
</template>
The HTML slider loses its mind and jitters all over the place. It seems to be trying to snap to 0, 50, or 100. Very odd, but when I change MyInput
to input
the problem is solved, so I think this has to do with some interaction between vue-styled-components
and vuex
. Thoughts?
Activity
liqueflies commentedon Oct 6, 2019
Can you link me a code sandbox with an example?