slider

2020-09-07 11:16:11 +02:00
parent 7bb8602595
commit 7b724b070f
1 changed files with 9 additions and 2 deletions
@@ -10,13 +10,12 @@
 			>
 				<img src="assets/icons/png/min.png" />
 			</button>
-			<div class="control" v-on:touchmove.stop v-on:touchstart.stop>
+			<div class="control">
 				<input
 					:disabled="!this.value.status.enabled"
 					:min="this.value.range.min"
 					:max="this.value.range.max"
 					v-model.number="actualvalue"
-					v-on:touchmove.capture.prevent
 					type="range"
 				/>
 				<div class="lines">
@@ -53,5 +52,13 @@
 	justify-items: center;
 	width: 100%;
 }
+
+input[type="range"] {
+	pointer-events: none;
+}
+
+input[type="range"]::-webkit-slider-thumb {
+	pointer-events: auto;
+}
 </style>
 <script lang="ts" src="./slider.ts"></script>