fix: slider position error when zoom is not 1 #227

tangjinzhou · tangjinzhou · commit 90d33b019bac · 2018-10-24T15:55:40.000+08:00
diff --git a/components/vc-slider/src/utils.js b/components/vc-slider/src/utils.js
@@ -35,11 +35,19 @@ export function getPrecision (step) {
 }
 
 export function getMousePosition (vertical, e) {
-  return vertical ? e.clientY : e.pageX
+  let zoom = 1
+  if (window.visualViewport) {
+    zoom = +(window.visualViewport.width / document.body.getBoundingClientRect().width).toFixed(2)
+  }
+  return (vertical ? e.clientY : e.pageX) / zoom
 }
 
 export function getTouchPosition (vertical, e) {
-  return vertical ? e.touches[0].clientY : e.touches[0].pageX
+  let zoom = 1
+  if (window.visualViewport) {
+    zoom = +(window.visualViewport.width / document.body.getBoundingClientRect().width).toFixed(2)
+  }
+  return (vertical ? e.touches[0].clientY : e.touches[0].pageX) / zoom
 }
 
 export function getHandleCenterPosition (vertical, handle) {

Original file line number	Diff line number	Diff line change
`@@ -35,11 +35,19 @@ export function getPrecision (step) {`
`35`	`35`	`}`
`36`	`36`
`37`	`37`	`export function getMousePosition (vertical, e) {`
`38`		`- return vertical ? e.clientY : e.pageX`
	`38`	`+ let zoom = 1`
	`39`	`+ if (window.visualViewport) {`
	`40`	`+ zoom = +(window.visualViewport.width / document.body.getBoundingClientRect().width).toFixed(2)`
	`41`	`+ }`
	`42`	`+ return (vertical ? e.clientY : e.pageX) / zoom`
`39`	`43`	`}`
`40`	`44`
`41`	`45`	`export function getTouchPosition (vertical, e) {`
`42`		`- return vertical ? e.touches[0].clientY : e.touches[0].pageX`
	`46`	`+ let zoom = 1`
	`47`	`+ if (window.visualViewport) {`
	`48`	`+ zoom = +(window.visualViewport.width / document.body.getBoundingClientRect().width).toFixed(2)`
	`49`	`+ }`
	`50`	`+ return (vertical ? e.touches[0].clientY : e.touches[0].pageX) / zoom`
`43`	`51`	`}`
`44`	`52`
`45`	`53`	`export function getHandleCenterPosition (vertical, handle) {`