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

Vuex HTML Input Value Field Jitter #74

Open
WoofMeowEtc opened this issue Jun 14, 2019 · 1 comment
Open

Vuex HTML Input Value Field Jitter #74

WoofMeowEtc opened this issue Jun 14, 2019 · 1 comment

Comments

@WoofMeowEtc
Copy link

WoofMeowEtc commented Jun 14, 2019

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?

@liqueflies
Copy link
Collaborator

Can you link me a code sandbox with an example?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants