Touch event selection broken with css property zoom

Do you want to request a feature or report a bug?

Bug

What’s the current behavior?

Touch drag and drop is broken with a zoom property applied to the body tag. Instead of coordinates being calculated properly, the offset is dramatic.

What’s the expected behavior?

Can be reproduced with:

@media (max-width: 980px)
body {
    zoom: 200%;
    height: auto;
}

[tobiasandersen]

I don’t know what the general approach is to zoomed pages, but this sounds like a reasonable solution to me. I say go ahead and open a PR, and we’ll see what people have to say about it!

[pbarbiero]

I have a solution, do you think its okay to make a pull request for this? Browser support should be fine, however it assumes that the zoom property is only set on the body tag. This might be an okay assumption.

in Selection.js, function getEventCoordinates:

    pageX: target.pageX / window.getComputedStyle(document.body).zoom,
    pageY: target.pageY / window.getComputedStyle(document.body).zoom